在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项目中搜索节流的实现代码,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-09-09
这篇文章主要介绍了vue如何使用element-ui 实现自定义分页,可以通过插槽实现自定义的分页,本文通过实例图文相结合给大家介绍的非常详细,感兴趣的朋友一起看看吧2024-07-07
本篇文章主要介绍了在vue中获取dom元素内容的方法，可以通过给标签加ref属性，这里整理了详细的代码,有兴趣的可以了解一下2017-07-07
解决vue-cli项目webpack打包后iconfont文件路径的问题
今天小编就为大家分享一篇解决vue-cli项目webpack打包后iconfont文件路径的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题
这篇文章主要介绍了解决Vue使用mint-ui loadmore实现上拉加载与下拉刷新出现一个页面使用多个上拉加载后冲突问题,需要的朋友可以参考下2017-11-11
这篇文章主要介绍了Element中Slider滑块的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
本篇文章主要介绍了Vue获取DOM元素样式和样式更改示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
使用vuex的时候,出现this.$store为undefined问题
这篇文章主要介绍了使用vuex的时候,出现this.$store为undefined问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-06-06
React组件通信之路由传参(react-router-dom)
本文主要介绍了React组件通信之路由传参(react-router-dom)，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要介绍了vue项目搭建以及全家桶的使用详细教程(小结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
最新评论