Let's say my nuxt app is running in a subfolder 'test'.

nuxt.config.js:

router: {
    base: '/test/'
}

That means my application runs on localhost:3000/test

Now, when I go to localhost:3000/tes, all i get is a 404 Error with the contents Cannot GET /tes

However, I want to redirect to /test, or show my own 404 page. But I couldn't figure out a way to handle that case.

I tried using a middleware, but that only worked for links within the subfolder.

Thanks for your help!

CodePudding user response：

You can create an error layout for 404 page

Error page

Or you can use middle to check the incoming URL and redirect them somewhere.

Middleware

CodePudding user response：

I found what I needed in the nuxt documentation:

Using a Hook to router.base when not on root:

https://nuxtjs.org/docs/configuration-glossary/configuration-hooks#redirect-to-routerbase-when-not-on-root