如何使用Axios請求攔截器捕獲網絡錯誤？

我們的Vue應用程序出現了一些問題，我在Sentry日志中注意到，網絡可能不可靠：

Error: Network Error
Error: Request aborted

我想向用戶顯示警告，但不知道怎么做。我試圖使用Axios請求攔截器捕捉這些錯誤，但它們不起作用。有人做到了嗎？

EDIT:

這就是那個沒用的攔截器。我還有一個響應攔截器來捕獲403，它工作得非常好。

axios.interceptors.request.use(undefined, (err) => {
  // Never gets here for network errors
  return new Promise((resolve, reject) => {
    throw err;
  });
});

發布于 11 天前

? 最佳回答：

你試過了嗎？

return Promise.reject(error);

like this:

axios.interceptors.response.use(function (response) {
    // Any status code that lie within the range of 2xx cause this function to trigger
    // Do something with response data
    return response;
  }, function (error) {
    // Any status codes that falls outside the range of 2xx cause this function to trigger
    // Do something with response error
    return Promise.reject(error);
  });

reference: https://axios-http.com/docs/interceptors

公眾號：1024技術圈

?? 提供互聯網知識和資訊，分享IT前沿技術，熱門資源，大廠面試題 ??

如何使用Axios請求攔截器捕獲網絡錯誤？

熱門問答

沒有與此調用匹配的重載

如何更新REACT表中籃子的數量，如下所示？

哪個表達式在`v[--i]=100；`中具有優先級？下標或一元表達式

(SpringBoot使用AmazonS3 bucket調用Textract）：錯誤類型文檔的方法生成器（）未定義

無法構造“Task”，因為它沒有可訪問的初始值設定項

React Router路由未呈現組件

如何在Android中使用Fragments實現導航抽屜（Navigation Drawer）

Base64有效載荷編解碼器（B-L072Z-LRWAN1端節點）

在Ajax中找不到頁面（404）

npp-virrs日數據怎么進行預處理

python字符串函數

產品銷售成本等于什么乘什么