关于vue设置2个代理服务器的问题(axios二次封装)(尚品汇后台管理项目)

妮可泽西

已于 2022-09-08 16:59:41 修改

阅读量2.7k

点赞数 9

文章标签： vue.js 前端 javascript

于 2022-09-08 16:59:04 首次发布

本文链接：https://blog.csdn.net/Monesy__/article/details/126767865

版权

去除baseURL

proxy: {
      //匹配/dev-api开头的请求
      [process.env.VUE_APP_BASE_API]: {
        //目标服务器，代理访问到https://localhost:8080
        target: process.env.VUE_APP_SERVICE_URL,
        // 开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，
        // 并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        changOrigin: true, //开启代理
        pathRewrite: {
          // 会将 /dev-api 替换为 '',也就是 /dev-api 会移除，
          // 如 /dev-api/db.json 代理到 https://localhost:8080/db.json
          // '^/dev-api':"",
          ['^' + process.env.VUE_APP_BASE_API]: '',
        },
      },
      //匹配/list-api开头的请求
      [process.env.VUE_APP_LIST_API]: {
        //目标服务器，代理访问到https://localhost:8080
        target: process.env.VUE_APP_LIST_URL,
        // 开启代理：在本地会创建一个虚拟服务端