Vue使用新建vue.config.js配置proxy后无法识别代理

近期在写项目时遇到了常见的跨域问题，打算使用反向代理的方式解决，尝试了网上很多方法都没有配置成功，始终无法识别代理。最终自己摸索出了解决方法。解决方法修改config/index.js文件中proxyTable:{}项。Target为目标地址‘/api’可替换为其他，需要保持一致修改config/dev.env.js文件中在NODE_ENV:’”development”’,后添加BASE_API:

TripleGold.

6374人浏览 · 2020-12-20 12:59:57

TripleGold. · 2020-12-20 12:59:57 发布

近期在写项目时遇到了常见的跨域问题，打算使用反向代理的方式解决，尝试了网上很多方法都没有配置成功，始终无法识别代理。最终自己摸索出了解决方法。

解决方法

修改config/index.js文件中proxyTable:{}项。
Target为目标地址
‘/api’可替换为其他，需要保持一致
修改config/dev.env.js文件中在NODE_ENV:’”development”’,后添加BASE_API: ‘”/api”’ ，这里注意与上一步保持一致。
配置请求的根路径，修改src/main.js文件，axios.defaults.baseURL = process.env.BASE_API;

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^