fix: enter coder layout can not back

README.md

@@ -32,7 +32,7 @@
 - 微信：hxy3130gbs
 - Email：[email protected]
 
-[博客站点]: https://yang-xianzhu.github.io/
+[博客站点]: https://blog-kappa-seven-43.vercel.app/
 [Hexo]: https://hexo.io/zh-cn/
 [Vuepress]: https://vuepress.vuejs.org/zh/
 [项目]: https://github.com/yuanyxh/illustrate

src/coder/Wrapper.tsx

@@ -159,14 +159,15 @@ type FieldType = {
 };
 
 export default function Wrapper() {
-  const route = useRoutes();
+  const routes = useRoutes();
   const location = useLocation();
+  const history = useHistory();
 
   const [open, setOpen] = useState(false);
   const [layoutId, setLayoutId] = useState(0);
 
   const menu = useMemo(() => {
-    const codes = route?.[1].children || [];
+    const codes = routes?.[1].children || [];
 
     const curr = location.path.replace('/coder/', '').split('/').shift()!;
 
@@ -179,6 +180,10 @@ export default function Wrapper() {
     setLayoutId(e);
   };
 
+  const handleBack = () => {
+    history.back();
+  };
+
   return (
     <Layout className={styles.wrapper}>
       <Sider className={styles.sider} theme="dark">
@@ -222,6 +227,11 @@ export default function Wrapper() {
           icon={<Icon icon="material-symbols:settings" />}
           onClick={() => setOpen(true)}
         />
+        <FloatButton
+          aria-label="back"
+          icon={<Icon icon="typcn--arrow-back" />}
+          onClick={handleBack}
+        />
       </FloatButton.Group>
     </Layout>
   );

src/router/hooks/useHistory.ts

@@ -21,14 +21,24 @@ export function useHistory() {
       );
     }
 
+    function back() {
+      routerContext?.navigate(-1);
+    }
+
+    function forward() {
+      routerContext?.navigate(1);
+    }
+
     function go(to: number) {
       routerContext?.navigate(to);
     }
 
     return {
       push,
       replace,
-      go
+      go,
+      back,
+      forward
     };
   }, [routerContext]);
 

vite.config.ts

@@ -19,7 +19,7 @@ import rehypePrism from '@mapbox/rehype-prism';
 import viteRouteGenerator from './helpers/vite-route-generator';
 import vitePrerender from './helpers/vite-prerender';
 import viteGenerateSitemap from './helpers/vite-generate-sitemap';
-import basicSsl from '@vitejs/plugin-basic-ssl';
+// import basicSsl from '@vitejs/plugin-basic-ssl';
 
 import type { ConfigEnv, UserConfig } from 'vite';
 
@@ -90,8 +90,8 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
         iconDirs: [resolve('./src/assets/svgs')],
         symbolId: 'icon-[dir]-[name]',
         svgoOptions: true
-      }),
-      basicSsl()
+      })
+      // basicSsl()
     ],
     resolve: {
       alias: [
@@ -175,8 +175,8 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(/\/api/, 'issues')
         }
-      },
-      https: {}
+      }
+      // https: {}
     },
     optimizeDeps: {
       include: [],