diff --git a/src/views/forum/index.tsx b/src/views/forum/index.tsx
new file mode 100644
index 0000000..6090868
--- /dev/null
+++ b/src/views/forum/index.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { Navigate } from "react-router";
+
+export default function Forum() {
+
+
+    return (
+        <div>
+            <h1>Forum</h1>
+            <p>Welcome to the forum!</p>
+        </div>
+    );
+}
\ No newline at end of file
diff --git a/src/views/login/index.tsx b/src/views/login/index.tsx
new file mode 100644
index 0000000..9c1abc2
--- /dev/null
+++ b/src/views/login/index.tsx
@@ -0,0 +1,29 @@
+import React, { useEffect } from 'react';
+import { useApi } from '@/hooks/request';
+import request from '@/utils/request';
+import {userLogin} from '@/api/user';
+import { useAppDispatch } from '@/hooks/store';
+
+const Login: React.FC = () => {
+
+    const dispatch = useAppDispatch();
+    const { data, loading, error, refresh } = useApi(() => request.post(userLogin), false);
+
+    const handleLogin = async () => {
+        // 点击时调用 execute 发起请求
+        const res = await refresh();
+        console.log(res);
+        // 请求完成后可以使用返回的数据进行分发
+        dispatch({ type: "user/login", payload: res });
+    };
+    return (
+        <div>
+            <input type='email'></input>
+            <input></input>
+            <button onClick={handleLogin}>Login</button>
+            <button>Register</button>
+        </div>
+    );
+}
+
+export default Login;
\ No newline at end of file