关于vue项目中axios跨域的解决方法(开发环境)
1、在config文件中修改index.jsproxyTable: {"/api":{target: 'https://www.baidu.com/muc/',//你需要跨域的urlchangeOrigin: true,pathRewrite: {'^/api': '/'}...
·
1、在config文件中修改index.js
proxyTable: {
"/api":{
target: 'https://www.baidu.com/muc/',//你需要跨域的url
changeOrigin: true,
pathRewrite: {
'^/api': '/'
}
}
},
2、在config文件中修改dev.env.js
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_HOST:'/api/' //开发环境中加上这段关键,不然出错
})
3、在config文件中修改prod.env.js
module.exports = {
NODE_ENV: '"production"',
API_HOST: 'https://www.baidu.com/muc/'//生产环境中加上这段关键,不然出错
}
4、在你请求的端口之前加上
this.$axios
.get([
'/api/captch/sent?phone' //这里需要在你请求的端口之前加上/api/.
])
.then(response => {
// success
})
.catch(error => {
// error
console.log(error)
})
总结:
这4步一步也不能少,谨记
广告:
最后我自己创建一个QQ交流群。
IT各行各业的人都有,欢迎大家加入,
分享自己的心得体会。
QQ群:716560543
打扰了,请见谅~
更多推荐
已为社区贡献49条内容
所有评论(0)