在vue中配置不同的代理同时访问不同的后台操作
更新时间:2020年09月11日 11:51:46 作者:池中飞雪
这篇文章主要介绍了在vue中配置不同的代理同时访问不同的后台操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
如果和不同的后台调接口,如果后台接口没有合到一起,前端可以配不同的代理来共同访问他们的接口
在config文件夹下的index.js中设置如下:
proxyTable: { '/api/login': { // 第一个代理:此处的路径是所有接口前面相同的部分,用来匹配带有这部分路径的 target: "http://192.168.100.209:8910", changeOrigin: true, secure: false }, '/api/supplier': { // 设置第二个代理 target: "http://192.168.101.26:8910", changeOrigin: true, secure: false }, }
补充知识:vue项目开发环境下实现与多个后台进行联调
在配置开发环境设置反向代理的地方设置反向代理
proxyTable: { '/jk': { target: 'http://10.200.101.121:8090/', //target: 'http://118.24.184.180:8080/', changeOrigin: true, pathRewrite: { '^/api': '/api', //重写, } }, '/wxapi': { target: 'http://10.200.102.141:8089', changeOrigin: true, pathRewrite: { '^/wxapi': '/wxapi', //重写, } }, '/wxttxx': { target: 'http://10.200.102.141:8089', changeOrigin: true, pathRewrite: { '^/wxttxx': '/wxttxx', //重写, } } },
这样就可以根据不同的后台进行联调了
以上这篇在vue中配置不同的代理同时访问不同的后台操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue在取对象长度length时候出现undefined的解决
这篇文章主要介绍了vue在取对象长度length时候出现undefined的解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2022-06-06Vue结合Openlayers使用Overlay添加Popup弹窗实现
本文主要介绍了Vue结合Openlayers使用Overlay添加Popup弹窗实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2022-05-05
最新评论