vue3.0环境下
一，在vue.config.js 文件中（vue.config.js文件配置参考[vue]https://cli.vuejs.org/zh/config/#devserver-proxy）设置代理
devServer: {
proxy: {
"/api": {
target: "http://192.168.0.201:12386", // 要请求的后台地址
ws: true, // 启用websockets
changeOrigin: true, // 是否跨域
pathRewrite: {
"^/api": "/" // 这里理解成用‘/api’代替target里面的地址，后面组件中我们调接口时直接用api代替
}
},
"/log": {
target: "http://192.168.0.201:12368", // 另一个要请求的地址
ws: true,
changeOrigin: true,
pathRewrite: {
"^/log": "/"
}
}
}
}
二，由于项目中有两个不同的地址需要请求，所以封装的http.js 默认的url不能设置（文章[Vue前端api封装（修改版）]https://www.jianshu.com/p/ebd4feba3833）
image.png
三，在接口前加上代理的api
image.png
image.png
