vue跨域解决问题

写入如下代码
以百度为例

module.exports = {
devServer: {
proxy: ‘代理服务器地址’
}
}
// 或者
module.exports = {
devServer: {
proxy: {
‘/api’: {
target: ‘代理服务器地址’,
ws: true // webscoket
changeOrigin: true
}
}
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
在要发送前端请求的页面使用

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

1
2
3
4
5
6
7
Warning

修改完配置文件要重新启动vue项目 不然代理不会生效