vue在webpack解决跨域问题

1.在config/index.js文件的dev: { proxyTable: { }}写入要跨域代理的链接地址，如下图所示：

注意： ‘/load’为匹配项，我们匹配项写’/load’，那么当我们npm run dev把本地服务跑起来后localhost:8080/load/file就是我们的代理地址了。

target参数填写被请求的地址，比如第三方接口，比如上面的baidu.com/img/load/fi…

changeOrigin参数是如果接口跨域需要配置这个参数；

pathRewrite参数是重写地址；

还有一个参数secure，如果是https接口需要配置这个参数；

 2.在config/dev.env.js文件中配置，如下图所示：

3.在config/prod.env.js文件中配置，如下图所示：

注意：在此处的load填写'”//baidu.com/img/load/”‘，不需要写’http:’，在最后切记要加上’/’；

此时webpack的代理配置已经完成，需要重启服务，然后写请求函数就可以了，我使用的是

axios 的url 用load代替就行axios.post(‘load’, {}）

至此跨域问题已经解决，亲测有效。