fix: 路由切换组件不渲染的问题&切换为 hash 路由

frontend/src/layout/page-layout.vue

@@ -1,10 +1,12 @@
 <template>
   <router-view v-slot="{ Component, route }">
     <transition name="fade" mode="out-in" appear>
-      <component :is="Component" v-if="route.meta.ignoreCache" :key="route.fullPath" />
-      <keep-alive v-else :include="cacheList">
-        <component :is="Component" :key="route.fullPath" />
-      </keep-alive>
+      <div>
+        <component :is="Component" v-if="route.meta.ignoreCache" :key="route.fullPath" />
+        <keep-alive v-else :include="cacheList">
+          <component :is="Component" :key="route.fullPath" />
+        </keep-alive>
+      </div>
     </transition>
   </router-view>
 </template>

frontend/src/router/index.ts

@@ -1,4 +1,4 @@
-import { createRouter, createWebHistory } from 'vue-router';
+import { createRouter, createWebHashHistory } from 'vue-router';
 import NProgress from 'nprogress'; // progress bar
 import 'nprogress/nprogress.css';
 
@@ -9,7 +9,7 @@ import createRouteGuard from './guard';
 NProgress.configure({ showSpinner: false }); // NProgress Configuration
 
 const router = createRouter({
-  history: createWebHistory(),
+  history: createWebHashHistory(),
   routes: [
     {
       path: '/',