将反应应用程序部署到自定义域名

Question

我有react app和domain name我已通过Namecheap注册。我如何将应用程序部署到我的域名？

我知道像Heroku这样的PaaS。我可以将它部署到Heroku，然后使用Heroku的自定义域功能将其指向我的网址，但免费的Heroku实例会睡觉，我不想投资Heroku的付费服务器而不用确认那里的所有可能性。

我希望避免修改我的域名，并在托管成本，易用性和速度之间取得适当的平衡。部署超出了我迄今为止所学到的大多数事情的范围，因此很想看到这些选项。

干杯！

Answer 1

您的React应用程序似乎是单页面应用程序。在Heroku服务器中，无论收到什么URL，都将服务器设置为服务器index.html。然后您的React Router将根据URL知道要提供哪些内容。希望它能给你一个想法。

Answer 2

由于您的项目托管在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”

在现有脚本属性中的第二个，我们需要添加预部署和部署。

“脚本”：{ // ... “ predeploy”：“ npm run build”， “ deploy”：“ gh-pages -d build” }

5-现在将其部署到GitHub Pages。 只需运行以下命令： npm运行部署

这会将项目部署到GitHub Pages 现在要配置自定义域，请按照此处的文档设置自定义域 https://docs.github.com/en/github/working-with-github-pages/managing-a-custom-domain-for-your-github-pages-site 重要说明：如果您的A或CNAME记录与域提供商站点中项目中所使用的记录不相关，则可能会使部署混乱，因此，如果按照以下步骤操作并遇到错误，请删除所有A和CNAME记录，再试一次