博客

有时候我们可能会遇到在一个项目中,调用接口时从不同的线上地址中调用,这时我们就需要配置多个不同的代理来解决跨域问题

在我的项目中,登录用的是一个线上地址 ,其他请求用的是另一个线上地址,所以我就配置了两个代理

proxy: {

      // 这是其他接口用的线上地址
      '/wlhy-api': {
        target: "http://192.168.1.247:8084",
        pathRewrite: { '^/wlhy-api': '/api' },
        changeOrigin: true,
      },

      
      // 这是登录用的地址
      '/': {
        target: 'http://39.98.123.211',
        pathRewrite: { '^/': '' },
        changeOrigin: true,
      },
    },

这是我的接口(除了登录)

注意箭头指向的,代理就是根据/wlhy-api 来匹配路径 携带/wlhy-api 的所有请求全部指向http://192.168.1.247:8084

因为我的请求是这样的:

• 
http://192.168.1.247:8084/api/NewsApis/GetNewsListModelForOfficial

  

所以需要把 /wlhy-api 重写成 /api

这样就可以实现登录时的代理是指向:http://39.98.123.211

请求其他接口时的代理是指向:http://192.168.1.247:8084