前端统一修改服务器地址,【前端】使用axios请求多个服务器地址，如何设置baseURL...

访问多个服务器地址

const instance = axios.create({

baseURL: “”,

// timeout: 50000,

// 数据响应前处理函数

transformResponse: [function (data) {

return data;

}]

});

如何设置这个baseUrl，我在不同的组件中要访问不同的服务器地址，该如何解决

回答

这种情况没必要用axios自身的baseURL属性。

你可以额外定义一个IPconfig文件，然后在里面定义各种你的baseURL。

比如，你的IPconfig.js中

export const baseURL = {

ip1:xxx,

ip2:xxx

}

然后具体的url，通过具体的xxIP.js拼好，在等到你用ajax方法的时候直接传入完整的。

xxIP.js中

import {baseURL} form 'IPconfig.js'

export const xxIP=baseURL+xxx;

比如：

axios.get(url,param,()=>{}); //此时直接传入完整的url,即baseURL+你的具体业务URL。

我觉得这样比较灵活，也易于管理。

function getUserAccount() {

return axios.get(‘/user/12345’);

}

function getUserPermissions() {

return axios.get(‘/user/12345/permissions’);

}

axios.all([getUserAccount(), getUserPermissions()])

.then(axios.spread(function (acct, perms) {

// Both requests are now complete

}));