登录后从入口页跳转到首页

修复入口页登录后跳转并稳定路由视图；启用 PWA 自动更新与放宽 CSP

Author: imzyb

src/App.vue

@@ -153,9 +153,9 @@ const handleDiscard = async () => {
 
           <Suspense v-if="layoutMode === 'modern'">
             <template #default>
-              <router-view v-slot="{ Component }">
+              <router-view v-slot="{ Component, route: viewRoute }">
                 <transition name="fade" mode="out-in">
-                  <component :is="Component" />
+                  <component v-if="Component" :is="Component" :key="viewRoute.fullPath" />
                 </transition>
               </router-view>
             </template>
@@ -173,9 +173,9 @@ const handleDiscard = async () => {
        <template v-else-if="isPublicRoute">
          <Suspense>
            <template #default>
-             <router-view v-slot="{ Component }">
+             <router-view v-slot="{ Component, route: viewRoute }">
                <transition name="fade" mode="out-in">
-                 <component :is="Component" />
+                 <component v-if="Component" :is="Component" :key="viewRoute.fullPath" />
                </transition>
              </router-view>
            </template>

src/stores/session.js

@@ -11,16 +11,6 @@ export const useSessionStore = defineStore('session', () => {
   const initialData = ref(null);
   const publicConfig = ref({ enablePublicPage: true }); // Default true until fetched
   const isConfigReady = ref(false);
-  const loginReloadKey = 'misub:post-login-reload';
-
-  const canUseSessionStorage = () => {
-    try {
-      return typeof window !== 'undefined' && typeof window.sessionStorage !== 'undefined';
-    } catch (error) {
-      return false;
-    }
-  };
-
   async function checkSession() {
     try {
       // Parallel fetch of initial data (auth check) and public config

src/views/Entrance.vue

@@ -7,7 +7,7 @@
 
 <script setup>
 import { computed, defineAsyncComponent, ref, watch } from 'vue';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useSessionStore } from '../stores/session';
 import LoadingSpinner from '../components/ui/LoadingSpinner.vue';
@@ -17,6 +17,7 @@ const Login = defineAsyncComponent(() => import('../components/modals/Login.vue'
 const NotFound = defineAsyncComponent(() => import('./NotFound.vue'));
 
 const route = useRoute();
+const router = useRouter();
 const sessionStore = useSessionStore();
 const { publicConfig, isConfigReady, sessionState } = storeToRefs(sessionStore);
 
@@ -30,7 +31,16 @@ watch([() => route.path, publicConfig, isConfigReady], () => {
     }
 }, { immediate: true });
 
+watch(sessionState, (state) => {
+    if (state === 'loggedIn' && route.path !== '/') {
+        router.replace('/');
+    }
+}, { immediate: true });
+
 async function checkPath() {
+    if (sessionState.value === 'loggedIn') {
+        return;
+    }
     // 1. Get Configured Path
     // Settings might be in initialData (if logged in) or publicConfig (if not)
     // Actually, 'customLoginPath' might be considered a 'secret' setting? 

vite.config.js

@@ -9,8 +9,10 @@ export default defineConfig({
     vue(),
     tailwindcss(),
     VitePWA({
-      registerType: 'prompt',
+      registerType: 'autoUpdate',
       workbox: {
+        skipWaiting: true,
+        clientsClaim: true,
         globPatterns: ['**/*.{js,css,html,ico,png,svg,woff2}'],
         cleanupOutdatedCaches: true,
         // 使用离线回退页面，并显式忽略订阅路径