最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue3中的Token失效攔截處理方式

 更新時(shí)間:2024年08月30日 14:45:01   作者:velpro_!  
這篇文章主要介紹了Vue3中的Token失效攔截處理方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

Vue3 Token失效攔截處理

Token的有效性可以保持一段時(shí)間,如果用戶一段時(shí)間不做任何操作,Token就會(huì)失效,使用失效的Token再去請(qǐng)求一些接口,接口就會(huì)報(bào)錯(cuò),所以需要我們做一些處理

1. 在響應(yīng)攔截器里面攔截這個(gè)錯(cuò)誤

2. 攔截到后需要做的事:  

  • 1)應(yīng)清除掉過期的用戶信息  
  • 2) 跳轉(zhuǎn)到登錄頁
// utils/http.js
import axios from "axios";
import {useUserStore} from "@/stores/user";
import router from '@/router'
const httpInstance = axios.create({
    baseURL: 'url',  // 基地址
    timeout: 5000    // 超時(shí)器
})
 
//攔截器
httpInstance.interceptors.request.use(config => {
    return config
}, e => Promise.reject(e))
 
//響應(yīng)器
httpInstance.interceptors.response.use(res => res.data, e => {
    const userStore = useUserStore()  //pinia管理的用戶數(shù)據(jù)
    // 401 token失效處理
    // 1. 清除本地用戶數(shù)據(jù)
    // 2.跳轉(zhuǎn)到登錄頁
    if (e.response.status === 401) {
        userStore.clearUserInfo() 
        // userStore.userInfo = {}
        router.push('/login')
    }
    return Promise.reject(e)
})
export default httpInstance

Vue axios 響應(yīng)攔截 token失效導(dǎo)致出現(xiàn)多個(gè)提示框的

// 響應(yīng)攔截器 
let isToken=false
request.interceptors.response.use((res)=>{  
    // 沒錯(cuò)誤返回200  錯(cuò)誤·攔截  
    if (res.data.code ===200) {
        return res;
    }else if (res.data.code === 404){
        router.push('/login')
    }else if(res.data.code === 10020){
        // 防止失效導(dǎo)致出現(xiàn)多個(gè)提示框的解決辦法
        if(!isToken){
            isToken=true
            window.localStorage.removeItem('user')
            router.push('/login')   
            setTimeout(()=>{
                isToken=false
            },2000)
            return Message.warning(res.data.message)&&Promise.reject(res.data.message); 
        } 
    } 
},)

總結(jié)

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

兴仁县| 虞城县| 宁明县| 尉氏县| 婺源县| 红安县| 通道| 雅江县| 南宫市| 黄龙县| 安平县| 林州市| 宿迁市| 沛县| 伊通| 高青县| 闵行区| 泊头市| 平凉市| 比如县| 江都市| 金昌市| 女性| 长顺县| 合川市| 洮南市| 武宁县| 晴隆县| 澄迈县| 通许县| 平安县| 镇赉县| 库伦旗| 南安市| 和平县| 台北县| 浮山县| 扶风县| 肥乡县| 安龙县| 大田县|