在vue中配置不同的代理实现同时访问不同的后台的方法 - 行业资讯

　　介绍

这篇文章将为大家详细讲解有关在vue中配置不同的代理实现同时访问不同的后台的方法,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

在配置文件夹下的指数。js中设置如下:

 proxyTable: {
　　& # 39;/api/登录# 39;:{//第一个代理:此处的路径是所有接口前面相同的部分,用来匹配带有这部分路径的
　　目标:“http://192.168.100.209:8910"
　　changeOrigin:没错,
　　安全:假
　　},
　　& # 39;/api/供应商# 39;:{//设置第二个代理
　　目标:“http://192.168.101.26:8910"
　　changeOrigin:没错,
　　安全:假
　　},
　　}

<>强vue项目开发环境下实现与多个后台进行联调

在配置开发环境设置反向代理的地方设置反向代理

 proxyTable: {
　　& # 39;/jk # 39;: {
　　目标:& # 39;http://10.200.101.121:8090 & # 39;//目标:& # 39;http://118.24.184.180:8080 & # 39;
　　changeOrigin:没错,
　　pathRewrite: {
　　& # 39;^/api # 39;: & # 39;/api # 39;//重写,
　　}
　　},
　　& # 39;/wxapi& # 39;: {
　　目标:& # 39;http://10.200.102.141:8089& # 39;
　　changeOrigin:没错,
　　pathRewrite: {
　　& # 39;^/wxapi& # 39;: & # 39;/wxapi& # 39;//重写,
　　}
　　},
　　& # 39;/wxttxx& # 39;: {
　　目标:& # 39;http://10.200.102.141:8089& # 39;
　　changeOrigin:没错,
　　pathRewrite: {
　　& # 39;^/wxttxx& # 39;: & # 39;/wxttxx& # 39;//重写,
　　}
　　}
　　},

关于在vue中配置不同的代理实现同时访问不同的后台的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。