vue解决跨域

在vue根目录下创建出vue.config.js
写入如下代码
以百度为例

module.exports = {
devServer: {
proxy: ‘代理服务器地址’
}
}
// 或者
module.exports = {
devServer: {
proxy: {
‘/api’: {
target: ‘代理服务器地址’,
ws: true // webscoket
changeOrigin: true
}
}
}
}
在要发送前端请求的页面使用

created() {
// 对应第一种代理时的请求方法
	var data = await axios.get('/接口地址')
//对应第二种代理的请求方法
	var data = await axios.get('/api/接口地址')
}

Warning

修改完配置文件要重新启动vue项目 不然代理不会生效
————————————————
版权声明：本文为优快云博主「木头人」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/wjw0125/article/details/107087893