问重定向自定义404页正在Netlify托管中加载无限时间

EN

我在本文- https://kittygiraudel.com/2017/05/13/using-create-react-app-on-netlify/的帮助下解决了这个问题。

主要问题：

在构建客户端React应用程序时，路由通常是使用Reactive路由器来处理的。在尝试加载/刷新路径不是/的页面之前，一切都很有魅力。然后，你撞到了404墙。这只是一页空白，真的。

解决方案：

我将我的netlify.toml和404.html文件保存在根文件夹中，并在package.json文件中修改了构建命令，如下所示：

{
  "build": "react-scripts build && cp build/index.html build/404.html"
}

现在，在运行build命令并在Netlify中部署之后，任何断开的链接都将重定向到我的自定义404页面。

以下步骤将对您有所帮助：

1. 在route部分中，将代码从<Route path={"404_error"} element={<PageNotFound />} />更改为<Route path={"*"} element={<PageNotFound />} />
2. 在您的netlify.toml中，粘贴以下代码： [重定向]从= "/*“到= "/index.html”状态= 200
3. 不需要创建404.html页面