我尝试使用try{}catch{}方法，但它不适合我。然而，当我切换到使用.then(…).catch(…)时，AxiosError被正确捕获，我可以随意使用。当我在设置断点时尝试前者时，它不允许我看到AxiosError，而是告诉我捕获的错误是未定义的，这也是最终在UI中显示的错误。

不知道为什么会这样，我觉得这很微不足道。出于这种原因，我建议使用上面提到的传统的.then(…).catch(…)方法来避免向用户抛出未定义的错误。

我尝试使用try{}catch{}方法，但它不适合我。然而，当我切换到使用.then(…).catch(…)时，AxiosError被正确捕获，我可以随意使用。当我在设置断点时尝试前者时，它不允许我看到AxiosError，而是告诉我捕获的错误是未定义的，这也是最终在UI中显示的错误。

不知道为什么会这样，我觉得这很微不足道。出于这种原因，我建议使用上面提到的传统的.then(…).catch(…)方法来避免向用户抛出未定义的错误。

你可以这样做: error.response.data 在我的例子中，我从后台得到了错误属性。我用了error。response。data。error

我的代码:

axios
  .get(`${API_BASE_URL}/students`)
  .then(response => {
     return response.data
  })
  .then(data => {
     console.log(data)
  })
  .catch(error => {
     console.log(error.response.data.error)
  })

处理响应类型集到流的axios错误的一种方法对我有用。

.....
.....
try{
   .....
   .....
   // make request with responseType: 'stream'
   const url = "your url";
   const response = axios.get(url, { responseType: "stream" });
   // If everything OK, pipe to a file or whatever you intended to do
   // with the response stream
   .....
   .....
} catch(err){
  // Verify it's axios error
  if(axios.isAxios(err)){
    let errorString = "";
    const streamError = await new Promise((resolve, reject) => {
      err.response.data
        .on("data", (chunk) => {
           errorString += chunk;
          }
        .on("end", () => {
           resolve(errorString);
         }
      });
    // your stream error is stored at variable streamError.
    // If your string is JSON string, then parse it like this
    const jsonStreamError = JSON.parse(streamError as string);
    console.log({ jsonStreamError })
    // or do what you usually do with your error message
    .....
    .....
  }
  .....
  .....
}
   
  

如果我理解正确的话，您希望只有在请求成功时才调用请求函数，并且希望忽略错误。为此，您可以创建一个新的承诺，在axios请求成功时解决它，并且在失败时绝不拒绝它。

更新后的代码看起来像这样:

export function request(method, uri, body, headers) {
  let config = {
    method: method.toLowerCase(),
    url: uri,
    baseURL: API_URL,
    headers: { 'Authorization': 'Bearer ' + getToken() },
    validateStatus: function (status) {
      return status >= 200 && status < 400
    }
  }


  return new Promise(function(resolve, reject) {
    axios(config).then(
      function (response) {
        resolve(response.data)
      }
    ).catch(
      function (error) {
        console.log('Show error notification!')
      }
    )
  });

}

如果我理解正确的话，您需要某种全局处理程序，这样就不必为所发出的每个请求附加一个catch处理程序。有一个窗口事件叫做unhandledrejection。

您可以在官方文档中阅读有关此事件的更多信息:https://developer.mozilla.org/en-US/docs/Web/API/Window/unhandledrejection_event

下面是如何为这个事件附加一个监听器:

window.addEventListener('unhandledrejection', (event) => {
  // Handle errors here...
});