我可以通过 Netlify 使用 react-router-dom 免费托管我的 React 应用程序吗？

Question

我的项目：

• React（我使用 create-react-app 库）
  • 使用 react-router-dom 使用 BrowserRouter、Route 和 Switch 导入。这允许我转到不同的 url：例如，当我 运行 我在本地主机上的应用程序时， localhost3000 是家。我的应用程序的部分功能是随机生成网址 - 例如：localhost3000/123456 或 localhost3000/654321.
• 在 Firebase 的实时数据库中更改数据库并使用 Firebase 的 Auth。

我需要的：

• 免费：因为这个应用程序是一个作品集，我想我需要的只是允许我使用react-router-dom[=的任何域名64=]。例如，www.anyname.com 是家，www.anyname/123456.com 是我的路线之一。

• 不免费：如果没有能力免费获得我想要的东西，那么我很乐意购买一个域名，并希望得到有关如何解决这个问题的建议。

我研究的内容：

• 有人向我推荐了 Netlify。我知道它可以更改部分域名，但我不知道它是否会显示我的 'routes' 例如（nameofmychoosing.netlify.app 是家，nameofmychoosing/123456.netlify.app 是我的路线之一 - 这样行吗？）。

---

P.S。如果这不是 post 这个问题的正确位置，请将我引导至正确类型的论坛，我们将不胜感激。

---

编辑：刚刚发现 this and 说我需要稍作修改才能让 netlify 与 react-router-dom.

一起工作

Answer 1

您可以自由更改您正在 运行 代码所在的任何网页的 url。唯一的后果是相对 URLs 的行为以及重新加载页面时会发生什么。在大多数自托管环境中，您应该可以随意更改域之后的任何内容。例如 https://www.example.com/yourrouteshere or also used https://www.example.com/page#Yourrouteshere。要记住的一点是，如果用户刷新页面，您的后端仍然需要提供适当的响应。这可能意味着无论 URL 路径如何，后端总是 returns 相同的东西，或者它可能意味着根据您的用例提供不同的东西。

你不应该修改域本身，除非你有一个奇怪的设置，它依赖于多个主机名来处理一些奇怪的用例。

一旦您有了应用程序运行，您就可以考虑设置一个带有 CNAME 属性的 DNS 记录以转发到现有主机。

Answer 2

我可以使用 Netlify 免费托管我的 React 应用程序，并通过 i) 在 .html 所在的文件夹中创建一个名为 _redirects 的文件来使用 react-router-dom和 ii) 在 _redirects 中插入：/* /index.html 200.

已经有一个类似的 SO 问答 我想 link 我的问题。我不知道该怎么做，如果有人能告诉我，我将不胜感激。