优化404页面

src/pages/error/index.module.less

@@ -0,0 +1,4 @@
+.main {
+  width: 100vw;
+  height: 100vh;
+}

src/pages/error/index.tsx

@@ -1,11 +1,27 @@
+import { Button, Result } from "antd";
 import React from "react";
+import { useNavigate } from "react-router-dom";
 import styles from "./index.module.less";
 
 export const ErrorPage: React.FC<any> = () => {
+  const navigate = useNavigate();
+
   return (
-    <div id="error-page">
+    <Result
-      <h1>Oops!</h1>
+      status="404"
-      <p>路由不存在</p>
+      title="404"
-    </div>
+      subTitle="您访问的页面不存在"
+      className={styles["main"]}
+      extra={
+        <Button
+          type="primary"
+          onClick={() => {
+            navigate("/");
+          }}
+        >
+          返回首页
+        </Button>
+      }
+    />
   );
 };