這個(gè)使用fly.js無(wú)疑是最好的選擇,基本使用與axios相同,fly.js可以在請(qǐng)求攔截器中執(zhí)行異步任務(wù)檢查token,具體見官網(wǎng) fly.js

var csrfToken="";
var tokenFly=new Fly();
var fly=new Fly();
fly.interceptors.request.use(function (request) {
  log(`發(fā)起請(qǐng)求：path:${request.url}，baseURL:${request.baseURL}`)
  if (!csrfToken) {
    log("沒有token，先請(qǐng)求token...");
    //鎖定當(dāng)天實(shí)例，后續(xù)請(qǐng)求會(huì)在攔截器外排隊(duì)，詳情見后面文檔
    fly.lock();
    return newFly.get("/token").then((d) => {
      request.headers["csrfToken"] = csrfToken = d.data.data.token;
      log("token請(qǐng)求成功，值為: " + d.data.data.token);
      log(`繼續(xù)完成請(qǐng)求：path:${request.url}，baseURL:${request.baseURL}`)
      return request; //只有最終返回request對(duì)象時(shí)，原來的請(qǐng)求才會(huì)繼續(xù)
    }).finally(()=>{
      fly.unlock();//解鎖后，會(huì)繼續(xù)發(fā)起請(qǐng)求隊(duì)列中的任務(wù)，詳情見后面文檔
    })
  } else {
    request.headers["csrfToken"] = csrfToken;
  }
})