完成顶部导航条
> 添加左侧logo
> 添加右侧用户信息展示
> 修复一些登录注册的跳转问题
> 修复axios拦截器错误的头设置
> 修复authApi错误的接口路径
> 组织api文件结构
Change-Id: Ifaec7e9a78ad6862ce7d0ce76be5181185186edd
diff --git a/src/feature/auth/Login.tsx b/src/feature/auth/Login.tsx
index 8043007..1ae6c85 100644
--- a/src/feature/auth/Login.tsx
+++ b/src/feature/auth/Login.tsx
@@ -3,7 +3,7 @@
import { NavLink, useNavigate } from 'react-router';
import { useAppDispatch, useAppSelector } from '../../store/hooks';
import { loginUser } from './authSlice';
-import { useEffect, useRef } from 'react';
+import { useEffect } from 'react';
import useMessage from 'antd/es/message/useMessage';
// 定义 Form 表单的字段类型
@@ -17,16 +17,17 @@
const dispatch = useAppDispatch();
const auth = useAppSelector(state => (state.auth));
const [messageApi, Message] = useMessage()
- const nav = useRef(useNavigate())
+ const nav = useNavigate()
useEffect(() => {
if (auth.isAuth) {
- nav.current('/');
+ nav('/', { replace: true });
}
if (!auth.loading && auth.error) {
messageApi.error(auth.error);
}
}, [auth, messageApi, nav])
+
// 给 onFinish 参数添加类型
const onFinish = async (values: FormValues) => {
try {