Learn, how to create a (404) NotFound page to handle the wrong paths in Nuxt app.
A 404 page is also called NotFound page which is used to handle the errors in your site, for example when a user types a wrong URL that is not available in your site you need to show them a NotFound page, so that user understands the page they are trying to access is not available.
- Open the nuxt app in your favorite code editor.
- Create a new file called
layoutsfolder and add a similar code like this.
<template> <div class="container"> <h1>(404) Page not found</h1> <nuxt-link to="/">Home page</nuxt-link> </div> </template>
Now, start your nuxt app development server and enter any wrong path in the browser URL tab like
localhost:3000/sxc3 you will see a 404 page.