vue webpack 代理跨域

一、假设请求地址为http://baidu.com/img/upload/file。
.在config/index.js文件的dev: { proxyTable: { }}写入要跨域代理的链接地址，如下图所示

image.png
注意： '/upload'为匹配项，我们匹配项写'/upload'，那么当我们npm run dev把本地服务跑起来后localhost:8080/upload/file就是我们的代理地址了。
target参数填写被请求的地址，比如第三方接口，比如上面的http://baidu.com/img/upload/file；
changeOrigin参数是如果接口跨域需要配置这个参数；
pathRewrite参数是重写地址；
还有一个参数secure，如果是https接口需要配置这个参数；
2.在config/dev.env.js文件中配置，如下图所示：
image.png

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

image

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

如需转载请注明出处：http://www.cnblogs.com/zishang91/p/8909900.html，