在React中使用axios处理状态401的方法如下:
npm install axios react-router-dom
import axios from 'axios';
import { useHistory } from 'react-router-dom';
const handleUnauthorized = () => {
// 这里可以根据你的需求进行处理,比如跳转到登录页面或者显示一个提示信息
// 这里使用react-router-dom的useHistory钩子来进行路由跳转示例
const history = useHistory();
history.push('/login'); // 跳转到登录页面
};
axios.interceptors.response.use(
response => response,
error => {
if (error.response.status === 401) {
handleUnauthorized(); // 调用处理未授权的函数
}
return Promise.reject(error);
}
);
这样,你就可以在React中使用axios处理状态401了。请注意,这只是一个简单的示例,你可以根据自己的需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云