javascript - Nextjs 自定义 404 页面在访问 netlify 中的无效 URL 时不显示

Question

我在我的 Nextjs 项目的/pages 文件夹中创建了一个 404.js 文件，当在本地输入错误或无效 URL 时，404 页面工作正常，但当它部署在 netlify 中时，它们显示默认的 netlify 错误页面。

版本详情

"next": "^10.0.4", 
"react": "17.0.2",

尝试了 netlify 的重定向规则，但没有任何反应

[[redirects]]
  from = "/*"
  to = "/404.html"
  status = 404

Answer 1

我根据这篇文章https://docs.netlify.com/routing/redirects/#syntax-for-the-netlify-configuration-file找到了随机更改重定向规则时的解决方案

这是我的修复程序，重新部署后它可以正常工作。

在项目目录中创建一个 netlify.toml 文件并粘贴下面的代码。

[[redirects]]
  from = "/*"
  to = "/404"
  status = 404