vue 跨域请求数据,点击列表转详情页
以腾讯校招公告接口为例:https://join.qq.com/api/v1/noticeDynamic/getNoticeDynamicList
在view文件夹里分别创建 列表页Lb.vue和内容页Nr.vue,并在router路由文件index.js里引入
没设置跨域之前访问不到数据,控制台以Access to XMLHttpRequest开头的报错,这就是跨域.
解决:src文件夹同级目录创建vue.config.js
vue.config.js内容:
module.exports = {
devServer: {
proxy: {
// 配置跨域,请求后端接口
"/tx": {
target: "https://join.qq.com/",
changeOrigin: true,
pathRewrite: {
'^/tx': ''
},
},
},
},
};
Lb.vue内容:
共有 0 条评论