vue跨域问题

只要是不在同一个域里，那么就会存在跨域的问题。

以前的解决一般是jsonp与服务端代码设置跨域。

那么vue中又是如何去做的呢？

1、加入配制/config/index.js

'/api': {
          target: 'http://192.168.1.20:8080', //后端接口地址
          changeOrigin: true,  //是否允许跨越
          pathRewrite: {
              '^/api': '/xs',        //重写,
          }
      }

备注：target是服务器的地址 （例如：http://192.168.1.20:8080/xs/v1_user?x1=1&x2=2）

pathRewrite是重写url，也就是说去访问/api了，就会去访问服务器的/xs路径。

2、指定axios的baseURL （api/index）

3、导入api进行访问

 这样就可以调用方法了。

 这样就可以实现跨域的问题。