<p>我正在開發一個具有簡單身份驗證的 Nuxt SSR 應用程式。 </p> <p>我有 <code>auth middleware</code> 來保護所有登入所需的路由。 </p> <pre class="brush:php;toolbar:false;">export default defineNuxtRouteMiddleware(async (to, from) => { if (process.client) { const authStore = useAuthStore() if (!authStore.check) { authStore.returnUrl = to.fullPath useRouter().push('/admin/login') } } })</pre> <p>此中間件檢查儲存中的瀏覽器 cookie，因此需要在客戶端執行</p> <pre class="brush:php;toolbar:false;">export const useAuthStore = defineStore('auth', () => { const token = ref(useStorage('token', null)) const check = computed(() => token.value !== undefined) ....</pre> <p>據我了解，通常SSR中間件先運行在伺服器端，然後運行在客戶端。 </p> <p>問題是，當我應用此身份驗證 miidleware 來保護需要登入的頁面時</p> <pre class="brush:php;toolbar:false;"><script setup lang="ts"> definePageMeta({ middleware: ['admin-auth'], // 或 middleware: 'auth' }) </script> <template> <div class="flex justify-center items-center h-screen p-3">admin 1</div> </template></pre> <p>中間件將首先在伺服器端運行，導致頁面無意渲染，然後用邏輯觸發客戶端，並將其重定向回登錄頁面。這是非常醜陋的。您可以看到它的實際效果。 </p> <p>有人遇到過這個問題嗎？任何解決方案都會非常感激。我的要求是為此應用程式使用 SSR。 </p> <hr /> <p>另外，還有一個小問題。當執行 SSR 並刷新頁面時，會出現一些樣式閃爍。我不知道為什麼。我正在使用這個模板 https://github.com/sfxcode/nuxt3-primevue-starter</p> <hr /> <p>我已經尋找解決方案好幾天了@_@</p>