React，在netlify路由上部署后，在refesh上找不到404页面

Question

我正在努力学习如何解决以下问题。

1. 在netlify上部署我的react应用程序后，当我在https://candid-cobbler-cd2c3e.netlify.app/或手动加载https://candid-cobbler-cd2c3e.netlify.app/red它给了我一个404页未找到的错误

如果我使用按钮进行导航，该网站就会正常工作。

我尝试过的解决方案：

1. _redirects已添加到root文件夹中，/* /index.html 200已构建并重新部署不工作

2. netlify.toml已添加到root文件夹[[redirects]] from = "/*" to = "/" status = 200构建并重新部署不起作用

查看我的文件：https://github.com/swappybizz/routing_refresh_on_deployment/

Answer 1

hBlev提供了一个有用的教程：https://www.youtube.com/watch?v=e6qXUS3C550其中，在10:00，已经解释如下：

1. Netlify仅为Index.html提供服务
2. Public目录中的所有内容都将被构建，src将被绑定
3. _redirects必须位于Public目录中，路由才能进行刷新或手动加载
4. 语句/* /index.html 200是从statusCode到的，*表示所有可能性，它将把它们重定向到index.html，这实际上是唯一提供的东西。但状态代码200有助于保持/path和不让它重定向到url，但在保持路径的同时渲染

详细信息可在[此处]找到：https://docs.netlify.com/routing/overview/

同一站点已重新部署到https://teal-mermaid-ada4e6.netlify.app现在可以刷新或直接加载路线，即点击https://teal-mermaid-ada4e6.netlify.app/red