美文网首页
vue webpack 代理跨域

vue webpack 代理跨域

作者: 绝世小熊猫 | 来源:发表于2019-05-05 10:57 被阅读0次

一、假设请求地址为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

相关文章

网友评论

      本文标题:vue webpack 代理跨域

      本文链接:https://www.haomeiwen.com/subject/oenqoqtx.html