解决Vue跨域处理的一种方法

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/mianxing2357/article/details/88747350

以开发环境（dev)为例：

向index.js中的dev中，设置跨域代理，给proxyTable属性赋值，例

 '/apis': {
        target: 'http://localhost:8004/',//
        changeOrigin: true,
        pathRewrite: {
          '^/apis': '/'  //后面有没有apis，要注意下（①，②）
        }
      }

说明一：
假如你的请求为 localhost:8004/apis/data/getList
用veu-resource发送或者axios都可以
注意下pathRewrite参数后有没有 ‘/apis’，
①：有则按照上面写

this.$http.get( 'apis/data/getList')  

②：没有则需要

this.$http.get( 'apis/apis/data/getList')

第一个apis代替了target，注意pathRewrite，第二个是你重写后的项目访问路径
说明二：
我设置了代理后，

在控制台上看到的还是当前端口，而不是8004,下面是我通过tomcat请求到的数据