vue 跨域

想必现在大家都有学习并使用作为主流的前端框架之一的vue了吧~
那么，
关于vue 跨域的坑，大家都有所了解嘛？
接下来呢，佳禹就在这里给这个坑里放一个梯子，愿大家早日爬坑，
当然，方式不只是一个，有更好方式的伙伴们还请指教哦~

首先
什么是跨域
跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。
源指协议，端口，域名。
只要这个3个中有一个不同就是跨域。

#协议跨域 http访问https；
#端口跨域 http://xiaoyu.mveris.cn:8080访问http://xiaoyu.mveris.cn:80；
#域名跨域 http://xiaoyu.mveris.cn访问 http: //xiaoyuya.mveris.cn；

正文来咯~
打开config 文件夹里面的index.js
修改proxyTable配置

// Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/apis': {  //使用"/api"来代替"http://f.apiplus.c"
        target: 'http://xiaoyu.mveris.cn/', //源地址
        changeOrigin: true, //改变源
        pathRewrite: {
          '^/apis': 'http://xiaoyu.mveris.cn/' //路径重写
        }
      }
    },

修改完成后，在调用接口的时候就可以这样

/apis+路径

到这里就完成啦

如果本身的接口地址就有 ‘/api’ 这种通用前缀，就可以把 pathRewrite 删掉。
当然咯，这个只是开发环境下的跨域，接下来还会介绍生产环境下的跨域哒