React，在 netlify 路由上部署后，刷新时未找到 404 页面

Question

我正在尝试学习如何解决以下问题。

1. 在 netlify 上部署我的 React 应用程序后，当我在https://candid-cobbler-cd2c3e.netlify.app/刷新任何路由 或手动加载https://candid-cobbler-cd2c3e.netlify.app/red时，它给出我遇到了 404 页面未找到错误。

如果我使用按钮进行导航，该网站可以找到。

我尝试过的解决方案：

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

2. netlify.toml 已添加到 根文件夹[[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的to ，代表所有可能性，它将把它们重定向到实际上是唯一服务的地方。但是状态代码有助于保留并且不让它重定向到 url，而是在保留路径的同时进行渲染 *index.html200/path

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

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