vue 通过proxy实现跨域
2020-08-27 本文已影响0人
万舒_e1ec
跨域问题的出现是因为浏览器的同源策略问题，所谓同源:就是两个页面具有相同的协议（protocol），主机（host）和端口号（port），它是浏览器最核心也是最基本的功能，如果没有同源策略我们的浏览器将会十分的不安全，随时都可能受到攻击。
当我们请求一个接口的时候，出现如：Access-Control-Allow-Origin 字眼的时候说明请求跨域了
这种情况下怎么办呢？我最喜欢的方式是通过proxy
在vue.comfig.js中，设置：
module.exports = {
devServer: {
proxy: { //配置跨域
'/api': {
target: 'https://www.bainiu.com/rst/',
changOrigin: true, //允许跨域
pathRewrite: {
'^/api': ''
}
},
}
},
}
然后在你的请求体里面，重新设置一下。我用的是axios
最后说一点，非常重要非常重要非常重要！！！！！
设置完毕之后，一定要重新运行项目
