vue 使用代理、跨域

使用Vue框架开发时，会遇到跨域的问题，可在config/index.js 里配置proxyTable内容，使用proxy 代理。

不跨域时，也建议用，易于维护

改完配置之后需要重启项目才生效！

 

1. config/index.js:

proxyTable: {
      '/gwxmApi':{
        target:'http://192.168.x.xx:8088/',        // 设置你调用的接口域名和端口号
        secure:false,
        ChangeOrigin:true,                      // 跨域
        pathRewrite: {
          '^/gwxmApi': '/'                      // 用‘/gwxmApi’代替target里面的地址
        }
      },
      '/byqwebApi':{
        target:'http://192.168.0.1xx:8050/',       
        secure:false,
        ChangeOrigin:true,                     
        pathRewrite: {
          '^/byqwebApi': '/'                       
        }
      }
    },



 

用‘/gwApi’代替target里面的地址，后面组件中我们掉接口时直接用gwApi代替 
比如我要调用'http://192.168.x.xx:8080/xxx/queryParams?2'，
直接写‘/gwApi/xxx/queryParams?2'