首先我們來(lái)說(shuō)一下怎么攔截axios請(qǐng)求并添加head請(qǐng)求頭
首先我們找到main.js
在main.js里面進(jìn)行判斷
import {getToken} from '@/utils/auth' //封裝的緩存文件
axios.interceptors.request.use(config => {
let token = getToken();
if (token) {// 判斷是否存在token错维，如果存在的話慎陵，則每個(gè)http header都加上token
config.headers.Authorization = 'Token token="'+token+'"'; //這個(gè)地方的前面根據(jù)自己需要的api來(lái)進(jìn)行修改
config.headers.type="multipart/form-data";
config.headers.contentType="multipart/form-data";
}
return config
}, error => {
return Promise.reject(error)
})
然后我們來(lái)說(shuō)一下怎么根據(jù)Token來(lái)進(jìn)行跳轉(zhuǎn)頁(yè)面
首先我們的邏輯肯定是如果沒有token的話跳轉(zhuǎn)登陸頁(yè)面如果有的話跳轉(zhuǎn)首頁(yè)
然后根據(jù)邏輯開始。還是在main.js中進(jìn)行代碼判斷
router.beforeEach((to, from, next) => {
let token = getToken();
console.log(token)
if(token){ //判斷本地是否存在access_token
next();
}else {
if(to.path === '/login'){
next();
}else {
next({
path:'/login'
})
}
}
});
