踩坑-vue项目用webpack中devServer配置proxy代理解决跨域不生效问题

vue项目用webpack中devServer配置proxy代理解决跨域不生效问题登录接口写入cookie一直失败，导致后续接口请求发不出去跨域报401后端在各种原因之下暂时无法解决，只能前端暂时配代理开发但是发现代理配了之后一直不生效，仍然存在跨域问题...

qq_41554101

4799人浏览 · 2022-05-27 14:40:22

qq_41554101 · 2022-05-27 14:40:22 发布

vue项目用webpack中devServer配置proxy代理解决跨域不生效问题

在前端配置允许跨域的情况下，登录接口写入cookie一直失败，导致后续接口请求发不出去跨域报401
后端在各种原因之下暂时无法解决，只能前端暂时配代理开发
在这里插入图片描述
但是代理配了之后发现一直不生效，仍然存在跨域问题
调试分析好久，发现是因为接口请求地址硬编码写全了，请求地址写的完整的ip+端口+路径
去掉IP+端口只留路径之后，代理就生效了
所以代理不生效的原因应该是完整的接口地址导致请求直接跳过了代理使得代理无效。
proxy不生效的接口请求地址：http://xxx.xxx.xxx.xxx:xxxx/aa/bb/cc
proxy生效的接口请求地址：/aa/bb/cc

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}$/, //不连续的两位字母// /^