vue-cli3.0 axios 跨域多个代理

在使用vue-cli3.0 结合 axios 请求后台多个server,遇到跨域问题,进行以下几个步骤的改动,就可解决
1、vue.config.js

  devServer: {
    open: true,
    port: 8081,
    proxy: {
      '/api': {
        target: process.env.TARGET1,
        changeOrigin: true,
        pathRewrite: {
          '^/api': '',
        },
        logLevel: 'debug',
      },
      '/ips': {
        target: process.env.TARGET2,
        changeOrigin: true,
        pathRewrite: {
          '^/ips': '',
        },
        logLevel: 'debug',
      },
    },
  },

2、.env

TARGET1= "http://10.50.60.100:8088"
TARGET2= "http://10.50.60.100:50050"

3、api

export function test1(data) {
  return request({
    url: 'api/test1',
    method: 'post',
    data,
  });
}
export function test2(data) {
  return request({
    url: 'ips/test2',
    method: 'post',
    data,
  });
}
    原文作者:KrisXue
    原文地址: https://segmentfault.com/a/1190000019586588
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞