可以通过导航网站访问 url，但如果输入直接 url 则不能 - Netlify [关闭]

Question

我已经向 Netlify 部署了一个 React 应用程序，如果我通过导航栏导航，我可以访问所有内容并且一切正常。但是，如果我输入类似

https://example.com/contact

的内容，我会收到未找到的错误。我正在使用 react-router-dom 进行导航。我必须在 Netlify 方面或 React 做些什么来解决这个问题吗？

找不到页面 - 看起来您点击了损坏的链接或输入了 此站点上不存在的 URL。

Answer 1

因为你的 React 应用程序是一个 SPA（单页应用程序），所以你只有一个 HTML 文档，所以当你键入 /contact 时，将找不到名为“contact”的 HTML，所以你需要将你的应用程序重定向到你的 HTML 页面，在这里是一个你可以跟进的教程

链接：https://www.freecodecamp.org/news/how-to-deploy-react-router-based-app-to-netlify/

Answer 2

要解决此问题，请在构建文件夹中创建重写规则。

• 使用文件名创建一个新文件：_redirects，不带文件扩展名。
• add /* /index.html 200 重建并发布您的文件