在 netlify 中访问无效 url 时，Nextjs 自定义 404 页面不显示答案

【问题标题】：Nextjs custom 404 page not showing when accessing invalid url in netlify在 netlify 中访问无效 url 时，Nextjs 自定义 404 页面不显示
【发布时间】：2021-11-15 13:47:44
【问题描述】：

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

版本详情

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

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

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

【问题讨论】：

标签： javascript reactjs next.js http-status-code-404 netlify

【解决方案1】：

我从这个页面找到了两个解决方案 => https://www.netlify.com/blog/2019/01/16/redirect-rules-for-all-how-to-configure-redirects-for-your-static-site/

我在 /public 文件夹中添加了一个 _redirects 文件，例如 /public/_redirects。然后我将/* /index.html 200 粘贴到_redirects 文件中。

重新部署您的应用程序并完成

或者第二种方式：

将netlify.toml文件添加到项目的根目录并粘贴到：
```
[[redirects]]
   from = "/*"
   to = "/"
   status = 200
```

重新部署您的应用程序并完成

【讨论】：

嘿@MarioG8 感谢您的回答，我在您的回答之前得到了相关的修复，它的工作。我已将其添加为 A2A。
不客气?最好的问候！

【解决方案2】：

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

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

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

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

【讨论】：