vue项目解决跨域问题
vue在本地跑,run个dev啥的,会面临到跨域问题
解决:在config的index.js文件里,dev模块加上:
proxyTable: {
'/api': {
target:'http://zhinenghuapen', //你要请求的接口地址
changeOrigin: true,
pathRewrite: {
'^/api': '/'
}
}
}
像这样:
target里写后端给你的API接口路径
然后在项目里,正常写就可以了。
举个栗子:
如果接口是:http://zhinenghuapen/mobile/getTrends
只需在axios的url里写 ‘/mobile/getTrends’
就可以了。
如果想要run build 打包,打包后的路径是你自己本地磁盘比如E:\web\app这种,这个时候vue-cli的反向代理也是没用的,需要和后端讲,让后端做nginx代理,就可以了。
不要觉得年纪轻轻就到了低谷,人生还有很大的下降空间。
以上是 vue项目解决跨域问题 的全部内容, 来源链接: utcz.com/z/377488.html