Nuxt 中间件创建无限重定向

Question

我有一个中间件，它检查用户在哪个注册步骤，并基于此将用户重定向到相应的页面。这是我的中间件代码：

export default function ({app, redirect, route}) {
    let auth = app.$auth;
    console.log('step checks middleware');

    if(auth.loggedIn) {
        console.log('[StepChecks Middleware][Info] User logged in');
        console.log(`[StepChecks Middleware][Info] User step completed ${auth.user.step_completed}`);

        if(auth.user.step_completed === '1') {
            console.log(`[StepChecks Middleware][Info] Should be redirected to '/registration/2'`);
            if(route.fullPath === '/registration/2') {
                console.log(`[StepChecks Middleware][Info] Routing to /registration/2. No redirect.`);
            } else {
                console.log(`[StepChecks Middleware][Info] Should be redirected to /registration/2.`);
                return redirect('/registration/2');
            }
        }

        if(auth.user.step_completed === '3') {
            console.log(`[StepChecks Middleware][Info] Should be redirected to '/registration/3'`);
            if(route.fullPath === '/registration/3') {
                console.log(`[StepChecks Middleware][Info] Routing to /registration/3. No redirect.`);
            } else {
                console.log(`[StepChecks Middleware][Info] Should be redirected to /registration/3.`);
                return redirect('/registration/3');
            }
        }

    }
}

但这会造成无限循环的重定向。

输出

================= Step checks middleware ==================  
[StepChecks Middleware][Info] User logged in  
[StepChecks Middleware][Info] User step completed 1  
[StepChecks Middleware][Info] Should be redirected to '/registration/2'  
[StepChecks Middleware][Info] Should be redirected to /registration/2.  
  nuxt:render Rendering url /registration/2 +2s  
Making request to /api/me  
Making request to /api/web/interest_categories  
================= Step checks middleware ==================  
[StepChecks Middleware][Info] User logged in  
[StepChecks Middleware][Info] User step completed 1  
[StepChecks Middleware][Info] Should be redirected to '/registration/2'  
[StepChecks Middleware][Info] Routing to /registration/2. No redirect.  
  nuxt:render Rendering url / +1s  
Making request to /api/me  
Making request to /api/web/interest_categories  
================= Step checks middleware ==================  
[StepChecks Middleware][Info] User logged in  
[StepChecks Middleware][Info] User step completed 1  
[StepChecks Middleware][Info] Should be redirected to '/registration/2'  
[StepChecks Middleware][Info] Should be redirected to /registration/2.  
  nuxt:render Rendering url /registration/2 +1s  
Making request to /api/me  
Making request to /api/web/interest_categories  
================= Step checks middleware ==================  
[StepChecks Middleware][Info] User logged in  
[StepChecks Middleware][Info] User step completed 1  
[StepChecks Middleware][Info] Should be redirected to '/registration/2'  
[StepChecks Middleware][Info] Routing to /registration/2. No redirect.  
  nuxt:render Rendering url / +1s  
Making request to /api/me  
Making request to /api/web/interest_categories  
================= Step checks middleware ==================  
[StepChecks Middleware][Info] User logged in  
[StepChecks Middleware][Info] User step completed 1  
[StepChecks Middleware][Info] Should be redirected to '/registration/2'  
[StepChecks Middleware][Info] Should be redirected to /registration/2.  
  nuxt:render Rendering url /registration/2 +1s  
Making request to /api/me  
Making request to /api/web/interest_categories  
================= Step checks middleware ==================  
[StepChecks Middleware][Info] User logged in  
[StepChecks Middleware][Info] User step completed 1  
[StepChecks Middleware][Info] Should be redirected to '/registration/2'  
[StepChecks Middleware][Info] Routing to /registration/2. No redirect.  
  nuxt:render Rendering url / +1s  
Making request to /api/me  
Making request to /api/web/interest_categories  
================= Step checks middleware ==================  
[StepChecks Middleware][Info] User logged in  
[StepChecks Middleware][Info] User step completed 1  
[StepChecks Middleware][Info] Should be redirected to '/registration/2'  
[StepChecks Middleware][Info] Should be redirected to /registration/2.  
  nuxt:render Rendering url /registration/2 +1s  
Making request to /api/me  
Making request to /api/web/interest_categories  
================= Step checks middleware ==================  
[StepChecks Middleware][Info] User logged in  
[StepChecks Middleware][Info] User step completed 1  
[StepChecks Middleware][Info] Should be redirected to '/registration/2'  
[StepChecks Middleware][Info] Routing to /registration/2. No redirect.  
  nuxt:render Rendering url / +1s  
Making request to /api/me  
Making request to /api/web/interest_categories  
================= Step checks middleware ==================  
[StepChecks Middleware][Info] User logged in  
[StepChecks Middleware][Info] User step completed 1  
[StepChecks Middleware][Info] Should be redirected to '/registration/2'  
[StepChecks Middleware][Info] Should be redirected to /registration/2.  
  nuxt:render Rendering url /registration/2 +1s  
Making request to /api/me  
Making request to /api/web/interest_categories  
================= Step checks middleware ==================  
[StepChecks Middleware][Info] User logged in  
[StepChecks Middleware][Info] User step completed 1  
[StepChecks Middleware][Info] Should be redirected to '/registration/2'  
[StepChecks Middleware][Info] Routing to /registration/2. No redirect.  

这样下去。我无法弄清楚为什么会发生这个问题。最初我没有检查当前路径检查if(route.fullPath === '/registration/2')，在这种情况下，其余页面工作正常，但从注册页面导航到/registration/2，它正在创建无限循环的重定向。

Answer 1

这里有点晚了，但无论如何。

我遇到了同样的问题，我花了好几个小时寻找答案。

我对这个问题的解决方案是添加一个

if (process.server) { ... }

阻止我的中间件函数，因为在docs 中声明“由于水合错误，无法在客户端 Nuxt 插件中使用重定向或错误”。