axios攔截器攔截失敗

1.建議封裝下
2.建議在api配置的時(shí)候加上參數(shù)用來決定是否在header中帶token

export const API = {
    login:{
        url: '////',
        method: 'post',
        token: true
    },
    ...
}

我們對請求做了封裝，可以傳一個(gè)api接口對象，在攔截器里在對最終對傳參序列化

3.可以把token存在緩存，判斷沒有時(shí)再去storage中取

你看一下是不是token獲取的方式不行，這樣試試：

const token = localStorage.getItem("token");

保存的時(shí)候是使用localStorage.setItem("token",xxx)

這得看代碼才能解決，基本上是代碼問題。建議將 axios 單獨(dú)封裝成 fetch() 并將配置統(tǒng)一在一個(gè)地方, 然后每次發(fā)的請求都走 fetch 確保都被攔截到

export default function fetch(options) {
    return new Promise((resolve, reject) => {
        const instance = axios.create({
            // 所有請求都會(huì)帶上這些配置
            headers: {
                'Content-Type': 'application/json'
            },
            timeout: 30 * 1000 // 30s 超時(shí)
        });

        // 發(fā)起請求時(shí),會(huì)執(zhí)行該方法
        instance.interceptors.request.use(options => {
            //...
            return options
        }, err => {
            return reject(err)
        })

        //接收到后臺(tái)的數(shù)據(jù)時(shí)執(zhí)行的方法
        instance.interceptors.response.use(response => response, err => resolve(err.response))

        instance(options)
            .then(response => { // 成功請求
                resolve(response)
            })
            .catch(error => { // 失敗請求
                console.error('請求異常：' + error)
                reject(error)
            })
    })
}