本文將介紹Ajax報錯以及如何正確使用axios，來實現網絡請求的過程。Ajax是一種基于JavaScript和XML的技術，能夠實現在不刷新整個頁面的情況下，與服務器進行數據交互。而axios是一個基于Promise的HTTP客戶端，可以用于發送HTTP請求并處理響應。

在使用Ajax進行網絡請求時，突然遇到一個報錯信息，如：

XMLHttpRequest cannot load https://api.example.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.example.com' is therefore not allowed access.

這個錯誤的意思是，由于安全原因，瀏覽器限制了跨域請求，即不同域名之間的數據交互。在這種情況下，可以通過在服務器響應頭中添加"Access-Control-Allow-Origin"字段來解決這個問題。但是這需要我們去修改服務器端的配置。因此，我們可以使用axios來發送網絡請求。它內置了對于跨域的處理，可以更方便地完成網絡請求的流程。

首先，我們需要引入axios庫。可以通過CDN引入，也可以下載到本地然后引入：

接下來，我們可以通過創建一個axios實例來配置請求相關的參數。例如，設置請求的基礎URL：

var instance = axios.create({
baseURL: 'https://api.example.com'
});

然后，我們可以使用這個實例發送網絡請求。例如：

instance.get('/users')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});

這里我們使用了get方法發送一個網絡請求到"/users"這個URL，并在請求成功或失敗時分別打印出響應內容和錯誤信息。

另外，axios還提供了其他的HTTP方法，如post、put、delete等。使用方法類似，可以根據實際需求進行配置和使用。

接著，我們來看看當網絡請求出現錯誤時，axios是如何處理的。

假設我們的后端服務器返回的響應狀態碼是500，即服務器內部錯誤。我們可以在catch塊中捕獲到這個錯誤，然后根據具體情況進行處理。

instance.get('/users')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
if (error.response) {
console.log("請求出錯，錯誤狀態碼：" + error.response.status);
} else if (error.request) {
console.log("請求未響應");
} else {
console.log("請求出錯：" + error.message);
}
console.log(error.config);
});

在這段代碼中，我們首先判斷error對象的response屬性是否存在，如果存在，則說明服務器返回了響應，我們可以通過error.response.status來獲取到響應狀態碼。如果error對象的request屬性存在，則說明服務器沒有返回任何響應。最后，如果都不存在，則直接通過error.message來獲取錯誤信息。

總結來說，通過使用axios這個庫，我們可以更方便地進行Ajax請求，并且可以更好地處理網絡請求過程中出現的錯誤。不僅如此，axios還提供了更多強大的功能，如請求攔截器、響應攔截器、取消請求等，使得我們可以更靈活地控制網絡請求的行為。