Hello,

So this one took a long time to figure out. And I went so many places to find a fix this one. To be honest I wasn't looking that text/htmlmuch.

I'll spare you all the hacks I did. Turns out the solution was dead easy.

Steps

• First open your nuxt.config.[js|ts] and specify the fallback page there

  export default {
  // Other Stuff
  generate: {
    fallback: "404.html"
    }
  }
  

• Run npm run generate to generate all the static files, it will generate the dist folder.

• Copy the dist folder to the root of your site.

• Then go to your nginx config and tell it to serve this specific 404 page, assuming that the root of the server has all the files from dist.

  server {
  # routes and certificates
    error_page 404 /404.html;
  }