将 React 应用程序部署到自定义域名
Deploying react apps to custom domain name
我有一个 react app, and a domain name 我已经通过 Namecheap 注册了。如何将应用程序部署到我的域名？
我了解 Heroku 等 PaaS。我可能可以将它部署到 Heroku，然后使用 Heroku 的自定义域功能将其指向我的 url，但是免费的 Heroku 实例正在休眠，我不想在没有确认所有可能性的情况下投资 Heroku 的付费服务器.
我想避免我的域名被修改，并在托管成本、易用性和速度之间取得适当的平衡。到目前为止，部署超出了我学到的大部分内容的范围，所以很想看看这些选项。
干杯！
您的 React 应用程序似乎是单页应用程序。在您的 Heroku 服务器中，将您的服务器设置为服务器 index.html，无论它收到什么 URL。然后你的 React Router 将根据 URL 知道要提供哪些内容。希望它能给你一个想法。
由于您的项目托管在 GitHub 上，您可以将 GitHub 页面与您的域一起使用
按照以下步骤进行操作 - https://dev.to/yuribenjamin/how-to-deploy-react-app-in-github-pages-2a1f
将属性添加到 package.json 文件。
第一个 属性 我们需要在顶级主页添加第二个，我们将其定义为一个字符串，值为“http://{username}.github.io/{ repo-name}" {username} 是您的 GitHub 用户名，{repo-name} 是您创建的 GitHub 存储库的名称，它看起来像这样：
"主页": "http://yuribenjamin.github.io/my-app"
现有脚本中的第二个 属性 我们需要添加预部署和部署。
“脚本”：{
//...
“预部署”：“npm 运行 构建”，
“部署”：“gh-pages -d 构建”
}
5- 现在将其部署到 GitHub 页面。
只需 运行 以下命令：
npm 运行 部署
这会将项目部署到 GitHub 页面
现在要配置自定义域，请按照此处的文档设置自定义域
https://docs.github.com/en/github/working-with-github-pages/managing-a-custom-domain-for-your-github-pages-site
重要如果您的 A 或 CNAME 记录与您在域提供商站点中的项目中使用的记录无关，则可能会扰乱部署，因此如果您按照这些步骤操作并出现错误，请删除所有 A 和 CNAME 记录并再试一次
我有一个 react app, and a domain name 我已经通过 Namecheap 注册了。如何将应用程序部署到我的域名？
我了解 Heroku 等 PaaS。我可能可以将它部署到 Heroku，然后使用 Heroku 的自定义域功能将其指向我的 url，但是免费的 Heroku 实例正在休眠，我不想在没有确认所有可能性的情况下投资 Heroku 的付费服务器.
我想避免我的域名被修改，并在托管成本、易用性和速度之间取得适当的平衡。到目前为止，部署超出了我学到的大部分内容的范围，所以很想看看这些选项。
干杯！
您的 React 应用程序似乎是单页应用程序。在您的 Heroku 服务器中，将您的服务器设置为服务器 index.html，无论它收到什么 URL。然后你的 React Router 将根据 URL 知道要提供哪些内容。希望它能给你一个想法。
由于您的项目托管在 GitHub 上，您可以将 GitHub 页面与您的域一起使用
按照以下步骤进行操作 - https://dev.to/yuribenjamin/how-to-deploy-react-app-in-github-pages-2a1f
将属性添加到 package.json 文件。
第一个 属性 我们需要在顶级主页添加第二个，我们将其定义为一个字符串，值为“http://{username}.github.io/{ repo-name}" {username} 是您的 GitHub 用户名，{repo-name} 是您创建的 GitHub 存储库的名称，它看起来像这样：
"主页": "http://yuribenjamin.github.io/my-app"
现有脚本中的第二个 属性 我们需要添加预部署和部署。
“脚本”：{ //... “预部署”：“npm 运行 构建”， “部署”：“gh-pages -d 构建” }
5- 现在将其部署到 GitHub 页面。 只需 运行 以下命令： npm 运行 部署
这会将项目部署到 GitHub 页面 现在要配置自定义域，请按照此处的文档设置自定义域 https://docs.github.com/en/github/working-with-github-pages/managing-a-custom-domain-for-your-github-pages-site 重要如果您的 A 或 CNAME 记录与您在域提供商站点中的项目中使用的记录无关，则可能会扰乱部署，因此如果您按照这些步骤操作并出现错误，请删除所有 A 和 CNAME 记录并再试一次