vue的token刷新處理的方法

/*是否有請(qǐng)求正在刷新token*/
window.isRefreshing = false
/*被掛起的請(qǐng)求數(shù)組*/
let refreshSubscribers = []

/*獲取刷新token請(qǐng)求的token*/
function getRefreshToken () {
 return JSON.parse(localStorage.auth).refresh_token
}

/*push所有請(qǐng)求到數(shù)組中*/
function subscribeTokenRefresh (cb) {
 refreshSubscribers.push(cb)
}

/*刷新請(qǐng)求（refreshSubscribers數(shù)組中的請(qǐng)求得到新的token之后會(huì)自執(zhí)行，用新的token去請(qǐng)求數(shù)據(jù)）*/
function onRrefreshed (token) {
 refreshSubscribers.map(cb => cb(token))
}

/*請(qǐng)求攔截器*/
ajax.interceptors.request.use(
 config => {
 const authTmp = localStorage.auth
 /*判斷是否已登錄*/
 if (authTmp) {
 /*解析登錄信息*/
 let auth = JSON.parse(authTmp)
 /*判斷auth是否存在*/
 if (auth) {
 /*在請(qǐng)求頭中添加token類型、token*/
 config.headers.Authorization = auth.token_type + ' ' + auth.token
 /*判斷刷新token請(qǐng)求的refresh_token是否過(guò)期*/
 if (util.isRefreshTokenExpired()) {
 alert('刷新token過(guò)期，請(qǐng)重新登錄')
 /*清除本地保存的auth*/
 localStorage.removeItem('auth')
 window.location.href = '#/login'
 return
 }
 /*判斷token是否將要過(guò)期*/
 if (util.isTokenExpired() && config.url.indexOf('admin/auth/current') === -1) {
 /*判斷是否正在刷新*/
 if (!window.isRefreshing) {
 /*將刷新token的標(biāo)志置為true*/
 window.isRefreshing = true
 /*發(fā)起刷新token的請(qǐng)求*/
 apiList.refreshToken({refresh_token: getRefreshToken()}).then(res => {
 /*將標(biāo)志置為false*/
 window.isRefreshing = false
 /*成功刷新token*/
 config.headers.Authorization = res.data.data.token_type + ' ' + res.data.data.token
 /*更新auth*/
 localStorage.setItem('auth', JSON.stringify(res.data.data))
 /*執(zhí)行數(shù)組里的函數(shù),重新發(fā)起被掛起的請(qǐng)求*/
 onRrefreshed(res.data.data.token)
 /*執(zhí)行onRefreshed函數(shù)后清空數(shù)組中保存的請(qǐng)求*/
 refreshSubscribers = []
 }).catch(err => {
 alert(err.response.data.message)
 /*清除本地保存的auth*/
 // localStorage.removeItem('auth')
 window.location.href = '#/login'
 })
 }
 /*把請(qǐng)求(token)=>{....}都push到一個(gè)數(shù)組中*/
 let retry = new Promise((resolve, reject) => {
 /*(token) => {...}這個(gè)函數(shù)就是回調(diào)函數(shù)*/
 subscribeTokenRefresh((token) => {
 config.headers.Authorization = 'Bearer ' + token
 /*將請(qǐng)求掛起*/
 resolve(config)
 })
 })
 return retry
 }
 }
 return config

 } else {
 /*未登錄直接返回配置信息*/
 return config
 }
 },
 /*錯(cuò)誤操作*/
 err => {
 return Promise.reject(err)
 }
)

window.isRefreshing = false

 /*判斷刷新token請(qǐng)求的refresh_token是否過(guò)期*/
if (util.isRefreshTokenExpired() && config.url.indexOf('admin/auth/current') === -1) {
 alert('刷新token過(guò)期，請(qǐng)重新登錄')
 /*清除本地保存的auth*/
 localStorage.removeItem('auth')
 window.location.href = '#/login'
 return
}

/*把請(qǐng)求(token)=>{....}都push到一個(gè)數(shù)組中*/
let retry = new Promise((resolve, reject) => {
 /*(token) => {...}這個(gè)函數(shù)就是回調(diào)函數(shù)*/
 subscribeTokenRefresh((token) => {
 config.headers.Authorization = 'Bearer ' + token
 /*將請(qǐng)求掛起*/
 resolve(config)
 })
})
return retry

 /*執(zhí)行數(shù)組里的函數(shù),重新發(fā)起被掛起的請(qǐng)求*/
 onRrefreshed(res.data.data.token)

/*判斷token是否過(guò)期*/
function isTokenExpired() {
 /*從localStorage中取出token過(guò)期時(shí)間*/
 let expiredTime = new Date(JSON.parse(localStorage.auth).expired_at).getTime() / 1000
 /*獲取本地時(shí)間*/
 let nowTime = new Date().getTime() / 1000
 /*獲取校驗(yàn)時(shí)間差*/
 let diffTime = JSON.parse(sessionStorage.diffTime)
 /*校驗(yàn)本地時(shí)間*/
 nowTime -= diffTime
 /*如果 < 10分鐘，則說(shuō)明即將過(guò)期*/
 return (expiredTime - nowTime) < 10*60
}