在vue中配置不同的代理同时访问不同的后台操作
2020-09-16 04:08
1166 查看
如果和不同的后台调接口,如果后台接口没有合到一起,前端可以配不同的代理来共同访问他们的接口
在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 webpack开发访问后台接口全局配置的方法
- 使用vue-cli+axios配置代理进行跨域访问数据
- 记一次vue打包之后动态修改请求根路径 vue-cli2.x 有效 开发阶段通过动态代理请求访问后台
- 使用vue-cli脚手架 与 axios 请求数据 配置代理进行跨域访问数据问题
- vue 静态资源部署 nginx ,同时配置代理,踩坑记录
- vue通过配置路径来访问后台
- linux系统中配置Nginx 拒绝代理访问指定IP的方法
- Java,前后端分离,从VUE传到后台的数据的相关操作
- 按位与、接位或操作,使一个数值可以分身同时代表多个不同值。
- vue跨域代理配置
- Tomcat下同一域名访问不同项目 Context配置
- Vue中如何使用axios及配置反向代理
- 后台同时支持浏览器和手机客户端访问 (2)
- 记录vue-cli 3.x 配置代理解决axios跨域问题
- CAS (3) —— Mac下配置CAS客户端经代理访问Tomcat CAS
- 用反向代理nginx proxy_pass配置解决ie8 ajax请求被拦截问题 ie8用nginx代理实现跨域请求访问 nginx405正向代理request_uri
- Nginx配置同一个域名同时支持http与https两种方式访问
- 【转】 mysql使用federated引擎实现远程访问数据库(跨网络同时操作两个数据库中的表)
- VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址