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内容:

vue 跨域请求数据,点击列表转详情页最先出现在Python成神之路

版权声明:
作者:dingding
链接:https://www.techfm.club/p/7145.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>