vuepress 设置 404 500 页面跳转到指定页面
时间: 2024-03-21 07:43:59 浏览: 54
要设置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即可生效。
相关问题
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即可生效。
阅读全文