axios token驗證攔截器

標籤：瞭解   pat   介面   author   login   col   use   檔案   ade   

import axios from ‘axios‘;// req攔截axios.interceptors.request.use(  let token = localStorage.getItem(‘token‘)    config => {        if (token === null) {  // 判斷是否存在token，如果存在的話，則每個http header都加上token            config.headers.Authorization = `${token}`;        }        return config;    },    err => {        return Promise.reject(err);    });// res攔截axios.interceptors.response.use(    response => {        return response;    },    error => {        if (error.response.code === 401) {            // 返回 401 跳轉到登入頁面            router.replace({                path: ‘login‘,                query: {redirect: router.currentRoute.fullPath}            })        }        return Promise.reject(error.response.msg)   // 返回介面返回的錯誤資訊    });

PS: 建議把攔截器獨立到一個js檔案，然後在引入。 詳細瞭解請點擊

axios token驗證攔截器