Nuxt Bridge Middleware Chain Not Breaking on navigateTo(), abortNavigation()

[atomiomi]

Environment

• Operating System: Darwin
• Node Version: v18.17.1
• Nuxt Version: 2.17.2
• CLI Version: 3.10.0
• Nitro Version: 2.8.1
• Package Manager: [email protected]
• Builder: webpack
• User Config: bridge, router, serverHandlers, devServerHandlers, devServer, typescript, nitro, buildModules
• Runtime Modules: -
• Build Modules: (), @nuxt/[email protected]

Reproduction

Reproduction repo: https://github.com/atomiomi/nuxt-bridge-middlewares
The repo has README with steps to reproduce

Describe the bug

In Nuxt Bridge, when a middleware uses the navigateTo(), abortNavigation() utility to redirect the user, the middleware chain does not break as expected. This behavior results in subsequent middlewares being called, potentially leading to errors. This issue is particularly problematic in scenarios where a root middleware checks for user authentication and attempts to block access to a page.

Additional context

No response

Logs

No response

[wattanx]

Looking at the comments on this issue, etc., this behavior appears to be as expected.
nuxt/nuxt#20696

[atomiomi]

Hey @wattanx thank you for the quick response.
I think the issue that you've linked describes another bug, which is order in which middlewares are called.

The issue I'm describing is that child middleware shouldn't be called at all.
I setup redirects just for demonstration purposes in my repo.

I've prepared another repo to show the issue
https://stackblitz.com/edit/github-emkswl?file=pages%2Findex.vue

There are 2 pages:

• home: doesn't have any middlewares
• dashboard: has authorize middleware, and then load-data middleware

authorized middleware always redirects user to home page because user is not authorized.
and expected behavior is that load-data middleware woudn't be called since aurthorize return navigateTo.
But load-data called anyway

If you go to /dashboard page you will see in console

>>> Authorization middleware called
>>> Load data middleware called

[wattanx]

I finally understood.
I misunderstood the issue 🙈