请问:vue-cli项目中,如何访问多个服务器地址? 使用的是axios

1.公司项目中,部署了两个服务器,一个是保存数据用的(服务器A),另外一个则是用来做一个类似于评估系统的东西(服务器B);现在的问题是我要如何配置axios,才能访问两个服务器的内容,还请大佬们指点一二,小弟感激不尽

config/dev.env.js中配置了 BASE_API: '"http://172.16.0.113:8000"', 这个地址是A服务器的地址,
axios中也配置了 axios.defaults.baseURL = process.env.BASE_API,是否可以通过某种方法动态改变此次请求的url,达到目的?
还有就是是否可以使用node作为中间价,转发所有前端请求到后台,通过node来实现多服务器之间的访问?
还请各位小伙伴不吝赐!
这是接口

export const getEva = ()=>axios({
    method:'get',
    url:'/yunhe/assetevaluation',
})

这是设置的proxyTable

proxyTable: {
        '/yunhe': {
            target: 'http:172.11.0.11:8080',  // 接口域名
            changeOrigin: true,  //是否跨域
            pathRewrite: {
                '^/yunhe': ''   //需要rewrite重写的,
            }
        }
    },

请求的时候还是被重定向到了axios.baseurl去了

clipboard.png

阅读 8.5k
2 个回答

用proxy不就可以了
图片描述

别看谷歌浏览器,vue-cli用过代理后,谷歌network显示的依然是没代理之前的地址,但实际上已经请求到代理的地址了。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题