vue-element-admin proxy 跨域问题

去 vue.config.js 添加 proxy

.env.development (本地、测试环境文件名)(这是环境,这里拿本地环境做例子)
.env.production(生产环境文件名)

# just a flag
ENV = 'development'

# base api
VUE_APP_BASE_API = '/api' //这里就是匹配 /api 的入口
proxy: {
      "/api": {
        target: "http://172.10.11.87:8080/", //需要请求的那个地址,就是后端的接口地址 !!!
        changeOrigin: true, //跨域必须为 true
        pathRewrite: {
          '^/api': ''
        }
      }
    }

vue-element-admin proxy 跨域问题
这个是接口请求

vue-element-admin proxy 跨域问题

获取到 /api 的地方,然后重写 /api 前面 包括 /api 自己,然后将 target 的 地址放到 /api 的前面

代码的 /api:’’ " 这意思就相当于 这里的 /api 本身替换成了 空,也就是没有,也就是说,实际上请求接口中,这东西(/api)压根就是个展示,一点鸟用都没用

除非!! 你的代码这么写 “^/api”: “/wholesale_framework_war_exploded”,这意思就是 /api 替换成了 /wholesale_framework_war_exploded

调试工具看不到拼接好的 url 地址 实际上 真实的接口 url 就是:http://172.10.11.87:8080/sys/login

祝愿兄弟们别踩坑!!

上一篇:强化学习实战 | 自定义Gym环境之井字棋


下一篇:CHROME扩展笔记之拒绝unsafe-eval求值