vuepress 设置 404 页面跳转到指定页面

要设置VuePress在出现404错误时跳转到指定页面，可以在VuePress的配置文件（一般为`.vuepress/config.js`）中加入以下代码：

module.exports = {
  //...
  plugins: [
    [
      '@vuepress/plugin-not-found', //404错误处理插件
      {
        //404页面路径
        notFoundPage: '/404.html'
      }
    ],
    [
      '@vuepress/plugin-back-to-top',
      true
    ],
    [
      '@vuepress/plugin-pwa',
      {
        serviceWorker: true,
        updatePopup: true
      }
    ]
  ],
  //...
}

在以上代码中，`@vuepress/plugin-not-found`是VuePress的404错误处理插件，`notFoundPage`属性指定了404页面的路径。

然后在VuePress应用的根目录下创建指定的404页面，例如`public/404.html`。修改后，重新启动VuePress即可生效。

相关问题

vuepress 设置 404 500 页面跳转到指定页面

要设置VuePress在出现404或500错误时跳转到指定页面，可以在VuePress的配置文件（一般为`.vuepress/config.js`）中加入以下代码：

module.exports = {
  //...
  plugins: [
    [
      '@vuepress/plugin-not-found', //404错误处理插件
      {
        //404页面路径
        notFoundPage: '/404.html'
      }
    ],
    [
      '@vuepress/plugin-back-to-top',
      true
    ],
    [
      '@vuepress/plugin-pwa',
      {
        serviceWorker: true,
        updatePopup: true
      }
    ]
  ],
  //...
}

在以上代码中，`@vuepress/plugin-not-found`是VuePress的404错误处理插件，`notFoundPage`属性指定了404页面的路径。如果你想设置500错误的处理页面，可以使用`@vuepress/plugin-error-page`插件。

然后在VuePress应用的根目录下创建指定的404页面，例如`public/404.html`。修改后，重新启动VuePress即可生效。

nginx 设置 404 500 页面跳转到指定页面

要设置nginx在出现404或500错误时跳转到指定页面，可以在nginx的配置文件中加入以下代码：

error_page 404 /404.html; #404错误跳转到404.html页面
error_page 500 502 503 504 /50x.html; #500、502、503、504错误跳转到50x.html页面

location = /404.html { #定义404.html页面的访问路径
  root /usr/share/nginx/html; #404.html所在目录
  internal; #只能在nginx内部访问
}

location = /50x.html {
  root /usr/share/nginx/html;
  internal;
}

在以上代码中，可以根据实际情况修改404.html和50x.html的文件名和路径。修改后，重启nginx即可生效。