About the error "This page could not be found" in the next() in router.beforeEach()

[xachary]

Version

v1.0.0

Reproduction link

https://github.com/xachary/test-beforeeach-next

Steps to reproduce

See the README.md about Setup and Run please.

Bug in Nuxt:

0. open http://localhost:3001/
1. click "1", that will stay page "index", because run "next('/one')" in router.beforeEach().
2. click "2", that will go to page "two", because run "next()" in router.beforeEach().
3. click "back" button of the browser, back to page "index".
4. click "3", that will redirect "http://localhost:3001/one", then it will show "This page could not be found" error, also run "next('/one')" in router.beforeEach() by the way(wrong).
5. type "http://localhost:3001/one" in browser, the same as step 4.
   
   

Compare without Nuxt:

0. open http://localhost:7777/
1. click "1", that will stay page "index", because run "next('/one')" in router.beforeEach().
2. click "2", that will go to page "two", because run "next()" in router.beforeEach().
3. click "back" button of the browser, back to page "index".
4. click "3", that will redirect "http://localhost:7777/one", then stay in page "index"(correct).
5. type "http://localhost:3001/one" in browser, the same as step 4.
   

What is expected ?

The step 4 and 5 with Nuxt is same as the step 4 and 5 without Nuxt.

What is actually happening?

It will show "This page could not be found" error in the step 4 and 5 in with Nuxt.

Additional comments?

When error, in client.js:424 (case 18:), the router.currentRoute is always '/', not the target route path.

_{This bug report is available on Nuxt community (#c7477)}

[atinux]

Hi @xachary

Thank you for the reproduction repo, it helps a lot.

In nuxt.js, we do some special stuff before mounting the app in SPA mode, so some things differs, also, we don't recommend to use router.beforeEach and using next because of our internal logic with fetch/asyncData.

You can do the same behaviour with the nuxt middleware.

middleware/redirect.js:

export default function ({ route, redirect }) {
  if (route.path === '/one') {
    redirect('/')
  }
}

nuxt.config.js:

// ...
router: {
  middleware: ['redirect']
}
// ...

And voila :)

[ghost]

This bug-report has been cancelled by @Atinux.

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.