【vue】跨域解决方案之proxyTable

在开发阶段，前端调用后端接口可能会出现跨域问题，在vue-cli中已经为我们集成了http-proxy-middleware，我们只需要在config/index.js中的proxyTable 配置即可。

如果接口是www.aaa.com/get/getList，那么有两种配置方案：

• 方法一

    proxyTable: {
      '/api': {
        target: 'www.aaa.com',
        pathRewrite: {
          '^/api': '/get'
        }
      }
    }
  

这个时候我们请求/api/getList就是请求www.aaa.com/get/getList

• 方法二

    proxyTable: {
      '/api': {
        target: 'www.aaa.com',
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  

这个时候我们请求/api/get/getList就是请求www.aaa.com/get/getList

个人博客：午后南杂