如何删除 React 和 axios 中的 GET 401 未经授权的错误？

Question

我正在开发一个反应应用程序，我有一个 Authorize.js 文件，它联系我的后端并检查用户是否被授权。

授权.JS

import axios from 'axios';

const Authorize = async () => {
  const data = axios
    .get('https://[ENDPOINT]/user/info', {
      headers: {
        'x-jwt-token': localStorage.getItem('x-jwt-token'),
        'x-token': localStorage.getItem('x-token'),
      },
    })
    .then((res) => res.data.data)
    .catch((err) => {
      localStorage.removeItem('x-token');
      localStorage.removeItem('x-jwt-token');
      console.log(err.response);
    });
  return await data;
};

export default Authorize;

即使我最后使用了.catch，我仍然在控制台中遇到错误。

如何删除 xhr.js GET 401 错误？ 我认为 the.catch() 也可以工作，因为它正在打印err.response

任何帮助将不胜感激！

Answer 1

无论如何，Chrome 都会记录所有与网络相关的错误消息。

如果这是出于开发目的，您可以禁用 chrome 中的网络日志。 DevTools->Settings->General->Console->Hide network messages

如果这是您不希望您的用户看到的内容，那么在这种情况下，您可以使用 console.clear() 清除 catch 块中的控制台。