vue前端http攔截(后端接口返回401前端返回登錄頁面)


// response interceptor(接收攔截器)
axios.interceptors.response.use(function (response) {
    return response;
}, error => {
    let response = error.response;
    const status = response.status;
    if (status === 401) {
        // 判斷狀態碼是401 跳轉到登錄
        route.replace({ path: "/login" });
    }
    return {
        data: {
            data: '',
            error: "請重新登錄"
        }
    };
});

這里原先使用main.js配置的

this.$router.replace({ path: "/login" });

這樣是沒有用的,需要引入route文件

import route from '../router/index'

這樣就可以正常攔截掉請求結果如果出現401就返回登錄頁面。

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM