前端如何切换api

Question

现在我两个API，想实现通过点击按钮跳转切B库，返回再切到A库。

Answer 1

window 上挂一个全局变量 ？ 把请求的 baseUrl 存到 vuex 里。
localStorage 等等随意发挥。

请求地址实际就是一个变量，你想怎么存或者切换都可以。

// 甚至你的两个库 请求可以完全不同，
// 点击按钮 改变 window.useRequestLib = 'A'; 或者 B
import requestA from 'utils/requestA' // axios 实例
import requestB from 'utils/requestB' // axios 实例

export default function myRequest() {
    if (window.useRequestLib === 'B') {
        return requestB;
    }
    return requestA;
}

// 使用
myRequest().post('...');

Answer 2

不太确定你是不是想要这样

import A from 'A'
import B from 'B'

let Lib = A

const oBtn = document.createElement('button')
oBtn.innerText = '切换'
document.body.appendChild(oBtn)
oBtn.onclick = function() {
    if (Lib === A) {
        Lib = B
    } else {
        Lib = A
    }
}