今天有个需求可能需要跨域代理,配置全局代理
话不多少直接开始
首先这大概是vue 脚手架文档格式了,其中vue.config.js 是配置一些打包啊,防爬虫啊等等等等一些文件的配置项,其中包括代理,如果想跨域代理 首先需要配置,
其中 我定义了process.env.VUE_APP_BASE_API这个变量在.env.development 中
配置开发环境,测试环境以此类推,需要定义多个文件最好,
然后在vue.config.js的 devServer 这个对象中定义proxy 来实现代理,
proxy: {
[process.env.VUE_APP_BASE_API]: { // 这个从.env.development 中拿到的变量定义好的
target: `http://192.168.0.234:8080`, // target 为后端服务地址
changeOrigin: true, //控制服务器收到请求头的值 (可理解为伪造服务端地址)
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '' //从写请求路径 当所有带/dev-api 的接口访问 后台服务端地址时,会把/dev-api 替换成 '' 空字符串
}
}
},
自此代理配置成功 另需要 axios中 baseURL 使用 process.env.VUE_APP_BASE_API 才可以完成全局代理