Vue项目使用多个服务器地址的请求方法

由于后端进行多模块开发,会用到不同的服务器,前端开发时就会被要求请求多个服务器地址,应对这种情况,分以下几种解决方案:
1.如果项目开发初期,应用多个服务器地址且每个地址都应用十分频繁,建议重新封装request。
2.果项目已经开发很久了,且上线过版本,此时建议封装request2.js文件,虽然笨,但胜在有效,因为贸然更改前人配置好的文件,报错了你可能找不到关键。
3.如果只是少量应用其他服务器地址,可以用axios请求,不用封装的request,但缺点就是上线前记得改线上地址。也可以单独写一个baseAPI引用过去,这样就不用一个一个得改了。

前两种有时间补上,先放个第三种懒人写法
注意:带上token

// 直接用axios请求
export function find(Id) { 
    return axios.get(`http://XXX.XXX.com/api/XXX/XXX/XXX/${Id}`,{headers:{'Authorization' : getToken()}})
}

// 再加一个baseapi
export function find(Id) { 
    return axios.get(`${baseApi1}/api/XXX/XXX/XXX/${Id}`,{headers:{'Authorization' : getToken()}})
}

你可能感兴趣的:(JS,封装js,项目配置,vue.js,javascript,前端)