nuxtjs --两个独立的404页

<!-- layouts/error.vue -->
<template>
  <div>
    <h1>Oops! Page Not Found</h1>
    <p>The page you are looking for does not exist.</p>
    <nuxt-link to="/">Go back to the homepage</nuxt-link>
  </div>
</template>

<!-- pages/some-module/_error.vue -->
<template>
  <div>
    <h1>Module Not Found</h1>
    <p>The specific module you are looking for does not exist.</p>
    <nuxt-link to="/some-module">Go back to the module list</nuxt-link>
  </div>
</template>

# 创建项目
npx create-nuxt-app my-nuxt-project
cd my-nuxt-project

# 创建全局404页面
mkdir -p layouts
touch layouts/error.vue

# 编辑全局404页面
cat <<EOF > layouts/error.vue
<template>
  <div>
    <h1>Oops! Page Not Found</h1>
    <p>The page you are looking for does not exist.</p>
    <nuxt-link to="/">Go back to the homepage</nuxt-link>
  </div>
</template>
EOF

# 创建特定路由的404页面
mkdir -p pages/some-module
touch pages/some-module/_error.vue

# 编辑特定路由的404页面
cat <<EOF > pages/some-module/_error.vue
<template>
  <div>
    <h1>Module Not Found</h1>
    <p>The specific module you are looking for does not exist.</p>
    <nuxt-link to="/some-module">Go back to the module list</nuxt-link>
  </div>
</template>
EOF