mirror of
https://gitee.com/san-bing/JChargePointProtocol
synced 2026-05-05 18:39:56 +08:00
48 lines
1.2 KiB
TypeScript
48 lines
1.2 KiB
TypeScript
|
/*
|
|||
|
|
* 开源代码，仅供学习和交流研究使用，商用请联系三丙
|
|||
|
|
* 微信：mohan_88888
|
|||
|
|
* 抖音：程序员三丙
|
|||
|
|
* 付费课程知识星球：https://t.zsxq.com/aKtXo
|
|||
|
|
*/
|
|||
|
|
import React from 'react';
|
|||
|
|
import {Navigate} from 'react-router-dom';
|
|||
|
|
import {useAuth} from '../contexts/AuthContext';
|
|||
|
|
import {Spin} from 'antd';
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 404页面重定向组件
|
|||
|
|
* 根据用户登录状态智能重定向：
|
|||
|
|
* - 已登录用户：重定向到仪表盘
|
|||
|
|
* - 未登录用户：重定向到登录页
|
|||
|
|
*/
|
|||
|
|
const NotFoundRedirect: React.FC = () => {
|
|||
|
|
const { isAuthenticated, loading } = useAuth();
|
|||
|
|
|
|||
|
|
// 如果正在加载认证状态，显示加载动画
|
|||
|
|
if (loading) {
|
|||
|
|
return (
|
|||
|
|
<div style={{
|
|||
|
|
display: 'flex',
|
|||
|
|
justifyContent: 'center',
|
|||
|
|
alignItems: 'center',
|
|||
|
|
height: '100vh'
|
|||
|
|
}}>
|
|||
|
|
<Spin size="large" />
|
|||
|
|
</div>
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 根据登录状态进行重定向
|
|||
|
|
if (isAuthenticated) {
|
|||
|
|
// 已登录用户重定向到仪表盘
|
|||
|
|
return <Navigate to="/page/dashboard" replace />;
|
|||
|
|
} else {
|
|||
|
|
// 未登录用户重定向到登录页
|
|||
|
|
return <Navigate to="/login" replace />;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export default NotFoundRedirect;
|
|||
|
|
|
|||
|
|
|