首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >部署到Netlify时未显示自定义404 NUXT3页面

部署到Netlify时未显示自定义404 NUXT3页面
EN

Stack Overflow用户
提问于 2022-10-12 01:11:32
回答 2查看 210关注 0票数 0

我正在尝试为我的NUXT3网站实现一个定制的404页面,该页面是通过NETLIFY.部署的。

我在根文件夹中创建了"error.vue“,它将所有错误重定向到我的自定义404页面,这是我想要的行为,但当我将站点部署到网络上的Netlify时,它会显示一个未找到NETLIFY错误的页面。

任何已经为网站实现了自定义404 Nuxt3页面的人都可以帮助我完成这个?

提前谢谢。

当404错误时,Netlify:

开发404错误(期望行为):

EN

回答 2

Stack Overflow用户

发布于 2022-10-12 02:18:25

  1. 将一个名为error.vue的文件放在nuxt项目的根目录中(~/app.vue旁边)。像任何组件一样填充这个文件。

如果问题仍然存在:

  1. 使用<NuxtErrorBoundary>作为它是在文档中定义的。
  2. 对于netlify情况,在构建之前,将以下内容添加到nuxt.config.js:Generate: { fallback: true }中。
票数 0
EN

Stack Overflow用户

发布于 2022-10-12 11:54:32

我也有同样的问题。

我在我的Nuxt配置中添加了这个(参见下面),因为Netlify期望一个404.html文件显示一个自定义错误页面。当试图访问不存在的页时,此更改将正确地重定向到错误页,但错误页接收的状态代码为500,而不是404。

代码语言:javascript
运行
复制
nitro: {
   prerender: {
     routes: ['/404.html']
   }
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74035474

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档