vue3+vite多个生产源在同一个项目中,主生产源崩溃切换备用生产源方法

在前端开发中,如果我们的生产源有多个,我们一般可以采用不同的打包方式去切换不同的生产源,但是如果我们只打包一次,并且我们需要应如下情况:主生产源崩溃了或者无法使用,并且暂时没有人紧急维护的时候,这时候还想让项目正常运行,就需要自动切换使用我们的备用生产源,先让备用服务器顶着,然后等我们维护好再上

import axios from 'axios'
import router from '@/router'


let request = axios.create({
  baseURL: import.meta.env.VITE_BASE_URL, //API接口地址默认前缀
  timeout: 8000,
  count:0
})

// 请求拦截器
request.interceptors.request.use(
  function (config) {
    // 往请求头里统一添加数据
    config.headers.sourceId = '请求头'
    return config
  },
  function (error) {
    console.log(error, '错误')
    return Promise.reject(error)
  }
)

function tautology({ method, url, data }) {
  console.log(request.count,'次数');
  return new Promise((resolve, reject) => {
    request[method](url, JSON.parse(data))
      .then((res) => {
      return resolve(res)}
        )
      .catch((err) => reject(err))
  })
}
var dressList = ['备用源1','备用源2']
let idx=-1
request.interceptors.response.use(
  (res) => {
    return res
  },
  (err) => {
    if (err.code == 'ERR_NETWORK') {
    if(idx<dressList.length-1) {
      idx++
    }
    request.defaults.baseURL = dressList[idx]
      const { method, url, data } = err.config
      return tautology({ method, url, data })
    }
    
  }
)

export default request
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值