如何在react中读取401未授权响应

import React, { useEffect } from 'react';
import axios from 'axios';
import { useHistory } from 'react-router-dom';

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

// 添加响应拦截器
api.interceptors.response.use(
  response => response,
  error => {
    const originalRequest = error.config;
    if (error.response.status === 401 && !originalRequest._retry) {
      // 如果是401错误且未重试过，则重定向到登录页面
      window.location.href = '/login';
    }
    return Promise.reject(error);
  }
);

const MyComponent = () => {
  const history = useHistory();

  useEffect(() => {
    const fetchData = async () => {
      try {
        const response = await api.get('/protected-resource');
        console.log(response.data);
      } catch (error) {
        if (error.response.status === 401) {
          history.push('/login');
        }
      }
    };

    fetchData();
  }, [history]);

  return (
    <div>
      {/* 组件内容 */}
    </div>
  );
};

export default MyComponent;