Vue项目自动更换BaseUrl

最新推荐文章于 2023-06-14 15:30:47 发布

VIP文章小迷糊MJ

最新推荐文章于 2023-06-14 15:30:47 发布

阅读量2.8k

点赞数

分类专栏：学习笔记文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/Mjxiaomihu/article/details/126731993

版权

需求逻辑：利用axios响应拦截中error.code == "ECONNABORTED"中判断baseUrl已经无效，清除无效域名后重新发起请求。

1、baseUrl域名

let index = -1 ;
const baseUrls = [
  "https://api.bvinvites.cc/",
  "https://api.invitebv.cc/",
  "https://api.invitesbv.cc/",
  "https://api.bv-invite.cc/"
]

2、获取baseUrl，优先从本地缓存中获取,缓存中未取到继续从baseUrls中获取

export function getBaseUrl() {
    let baseUrl = localStorage.getItem("baseUrl") ;
    if(baseUrl) return baseUrl ;
    if(index > baseUrls.length - 1) throw new Error("所有域名均不可用") ;
    index++ ;
    return baseUrls[index] ;
}

将baseUrl放入缓存以及清除缓存

export function setBaseUrl(baseUrl){
  localStorage.setItem("baseUrl" , baseUrl) ;
}

export function clearBaseUrl(){
  localStorage.removeItem("baseUrl") ;
}

3、由于缓存中的域名有可能已经失效不能用，这个时