vue2.0如何解决跨域问题

通常跨域的时候会出现下图报错情况：

通常正巧遇见这个报错，那可是中彩头了，这个时候就需要去配置一下跨域了
首先让我们了解一下为什么会出现跨域报错？
一个网页向另一个不同域名/不同协议/不同端口的网页请求资源，这就是跨域。跨域报错就是请求终端不允许不同的域名、协议、端口访问，结果你用了，然后就返回报错。

解决方法：在脚手架中的config下的index.js中

在 dev 的 proxyTable 对象中添加这些属性

// Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      "/api":{
        target:"接口域名
        changeOrigin:true,//是否跨域
        pathRewrite:{
          "^/api":""//重写为空,这个时候api就相当于上面target接口基准地址
        }
      }
    },

然后请求这里用axios请求

请求的时候前缀api就相当于基准地址了

axios.post("/api").then(res => {
      console.log(res);
      this.data = res.data.data;
 });
 //如果有参数请求
 axios.post("/api?key=111").then(res => {
      console.log(res);
     this.data = res.data.data;
 });

配置完记得在重新测试一遍项目。