情景:我在我本地想访问另一台机器上的域名,需要在我本地做一下他域名的代理,要不会报跨域的问题。具体配置如下:(记住修改配置文件中的内容要重启项目否则不生效呦!)
1 首先在 .env的文件中配置一个代理域名的名字比如:
VUE_APP_API = '/apis'
2 在vue.config.js文件中配置如下:
module.exports = {
devServer:{
proxy: {
'/apis':{
target:'xxxxxx', // 你要访问的域名
changeOrigin: true,
pathRewrite:{
"^/apis": ""
}
}
}
}
}
3 在request.js 文件中的baseURL 换成咱们配的,这样再发送请求的时候我们就可以用我们本地的域名去访问另一台机器上的域名而不报跨域问题。
const service = axios.create({
baseURL: process.env.VUE_APP_API,
withCredentials: true,
timeout: 50000
})