如何解决 Netlify 上的“页面未找到”问题

既然你在阅读这篇文章，那么你肯定也遇到过封面图片中所示的同样错误。

我不确定其他静态网站服务器/平台是否也如此，但如果你将单页应用部署到 Netlify，则只能通过链接从 index.html 导航到其他页面。一旦你刷新页面或直接在地址栏中输入 URL，就会出现 404 错误。

为什么会出现这个错误？

如果你的 SPA 是用 React 构建的，那么当你访问内部页面（例如http://localhost:3000/about）时，React Router 会在客户端（浏览器）处理路由。但是一旦你将 SPA 托管在 Netlify（服务器端），路由逻辑就必须修改，因为 Netlify 不知道如何处理路由。

如何解决这个问题？

根据文档，您需要在根文件夹中创建一个名为_redirects 的文件。您可以访问上面提到的链接了解更多信息。我将直接演示如何修复它：

• 在 public 文件夹内创建一个名为_redirects 的文件，文件扩展名不带任何扩展名。
• 将以下内容复制粘贴到文件中

/*    /index.html   200

• 推送代码并重新部署

谢谢🥂你修复了失效链接！