本文主要討論使用Ajax發(fā)送請(qǐng)求時(shí)，當(dāng)返回的狀態(tài)碼為401時(shí)，Axios無法成功獲取到響應(yīng)的問題。然而，通過一些其他的方式，我們可以解決這個(gè)問題。

在使用Ajax請(qǐng)求數(shù)據(jù)時(shí)，常常會(huì)遇到需要進(jìn)行身份驗(yàn)證的情況。例如，當(dāng)我們通過Ajax向后臺(tái)發(fā)送請(qǐng)求獲取用戶的個(gè)人信息時(shí)，如果沒有通過身份驗(yàn)證，后臺(tái)可能會(huì)返回一個(gè)401狀態(tài)碼。此時(shí)，我們希望前端能夠根據(jù)不同的狀態(tài)碼做出相應(yīng)的處理。然而，使用Axios發(fā)送請(qǐng)求時(shí)，無法直接獲取到401狀態(tài)碼，導(dǎo)致我們無法準(zhǔn)確判斷請(qǐng)求的結(jié)果。

下面是一個(gè)使用Axios發(fā)送請(qǐng)求的示例：

axios.get('/api/user')
.then(response => {
// 處理響應(yīng)數(shù)據(jù)
})
.catch(error => {
// 處理錯(cuò)誤
});

在上面的例子中，如果請(qǐng)求返回的狀態(tài)碼為401，Axios會(huì)將該響應(yīng)視為錯(cuò)誤，并執(zhí)行catch代碼塊中的邏輯。然而，這樣并不能讓我們知道實(shí)際的狀態(tài)碼是401，從而無法做出相應(yīng)的處理。

為了解決這個(gè)問題，我們可以使用原生的XMLHttpRequest對(duì)象來發(fā)送請(qǐng)求，并手動(dòng)處理返回的狀態(tài)碼。下面是一個(gè)使用XMLHttpRequest對(duì)象的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/user', true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理響應(yīng)數(shù)據(jù)
} else if (xhr.status === 401) {
// 處理401狀態(tài)碼
}
}
};
xhr.send();

通過上面的代碼，我們可以根據(jù)返回的狀態(tài)碼進(jìn)行相應(yīng)的處理，包括處理401狀態(tài)碼。雖然使用XMLHttpRequest對(duì)象發(fā)送請(qǐng)求的方式相對(duì)麻煩一些，但它卻能夠滿足我們對(duì)返回狀態(tài)碼的準(zhǔn)確獲取和處理的需求。

另一種解決辦法是在Axios的攔截器中處理401狀態(tài)碼。Axios提供了攔截請(qǐng)求和響應(yīng)的功能，我們可以在請(qǐng)求或響應(yīng)被發(fā)送或接收之前對(duì)其進(jìn)行攔截并做出相應(yīng)的處理。下面是一個(gè)在Axios攔截器中處理401狀態(tài)碼的示例：

axios.interceptors.response.use(function (response) {
// 正常響應(yīng)的處理
return response;
}, function (error) {
if (error.response.status === 401) {
// 處理401狀態(tài)碼
} else {
return Promise.reject(error);
}
});

通過上面的代碼，我們可以在Axios的攔截器中對(duì)返回的狀態(tài)碼進(jìn)行判斷，并進(jìn)行相應(yīng)的處理。這種方法相對(duì)于使用XMLHttpRequest對(duì)象來說，更加方便和簡(jiǎn)潔。

總之，在使用Ajax發(fā)送請(qǐng)求時(shí)，無法直接接收到返回的401狀態(tài)碼是一個(gè)常見的問題。然而，我們可以通過使用XMLHttpRequest對(duì)象或在Axios攔截器中處理401狀態(tài)碼，來解決這個(gè)問題。選擇哪種方式取決于我們對(duì)代碼的偏好和具體需求。