vue cli2项目利用代理解决跨域问题

1、序言

昨晚，搞了个第三方接口，想搞点事情，居然给我报跨域的错误，
这要是我自己的接口，我还能后端解决，这时第三方接口，该怎么破，这就得请上我们得代理了

2、配置项目代理

这是vue cli生成的项目，打开config目录。我们能看到下面的三个文件，打开index.js

进去之后，我们需要在proxyTable字段中添加
这里的/proxyApi你可以自己编写，喜欢就行，然后就是target，是要代理访问的网址，配完之后，在axios的访问地址就是/proxyApi/路径
意思就是代理会识别到proxyApi，然后代你访问目标api，解决跨域问题，值得说得一点是，改完这个之后，记得重新npm run dev

'/proxyApi': {
        target:'http://app...com/api/v1/',   // 代理目标
        changeOrigin:true,    //是否跨域
        pathRewrite:{
          '^/proxyApi': '/'   //重写路径
        }
      }