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': ''
        }
      }
    }

在这里插入图片描述
这个是接口请求

在这里插入图片描述

获取到 /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

祝愿兄弟们别踩坑!!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值