欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue get請求401

錢琪琛2年前9瀏覽0評論

當我們使用Vue進行get請求時,可能會遇到HTTP錯誤401。這個錯誤表示我們沒有通過身份驗證或者會話已經過期。如果我們想要解決此問題,可以采取以下措施。

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.headers.common['Authorization'] = localStorage.getItem('access_token');
axios.defaults.headers.common['Access-Control-Allow-Origin'] = '*';

首先,我們需要將axios默認的Content-Type設置為“application / x-www-form-urlencoded”,如果需要的話,還可以設置其他類型的Content-Type。

接下來,我們需要在請求頭中添加一個Authorization字段,該字段應存儲我們的訪問令牌。在這種情況下,我們使用localStorage來存儲令牌。如果我們沒有令牌,我們需要重新登錄以獲取一個新的令牌。

我們還需要在請求頭中添加Access-Control-Allow-Origin字段,這是JWT(JSON Web Token)通過跨域支持的必要條件。

axios.interceptors.response.use(function (response) {
return response;
}, function (error) {
// Do something with response error
if (error.response.status === 401) {
router.push({ path: '/login' })
}
return Promise.reject(error.response.data);
});

接下來,我們需要在axios的response攔截器中檢查每個響應。如果響應狀態為401,則說明我們需要重新登錄。在這種情況下,我們將用戶重定向到登錄頁面。

mounted: function () {
axios.get('/api/users', {
headers: {
Authorization: localStorage.getItem('access_token')
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
}

最后,我們需要在我們的Vue組件中使用axios進行get請求時,我們需要確保在請求頭中正確地添加Authorization字段,這是用戶身份驗證和JWT支持的必要條件。

總之,如果我們想要解決Vue get請求401錯誤,我們需要仔細處理每個axios請求,確保Authorization和Access-Control-Allow-Origin字段正確設置,并使用response攔截器來檢查每個響應中的狀態碼。另外,我們超時時間的設置也是非常重要的。通過這些措施,我們可以最大程度地減少出現401錯誤的可能性。