将前端部署到 GitHub 页面，将后端部署到 Heroku答案

【问题标题】：Deploy Frontend to GitHub Pages and Backend to Heroku将前端部署到 GitHub 页面，将后端部署到 Heroku
【发布时间】：2021-05-13 13:12:47
【问题描述】：

我尝试将后端部署到 Heroku，之后我的网站仍在运行 http://localhost:3000/，但在我构建应用程序以在 GitHub 页面上进行部署后，该网站停止在 Github 页面上运行，但在本地环境中运行。

【问题讨论】：

在您的客户端文件夹中，使用 npm build 重新生成静态文件并将这些文件提交到您的 gh-pages 分支。
@TinNguyen 尝试过，但它不起作用，我将 package.json 中的主页更改为我的 GitHub 页面部署链接，但在再次构建它并将更改提交到 gh-page 分支后仍然无法正常工作

【解决方案1】：

您的 JavaScript 引用设置不正确正如您在 html javascript references 中看到的那样，当您在新选项卡中打开它时，它会从“主”网址获取信息，并将您带到 404 page，您需要修复/更改您的参考路径。

另外，控制台显示不少errors

【讨论】：

感谢您的回答，但您能否详细说明脚本引用中要更改的内容以及如何更改引用路径？我应该更改哪个 index.html 文件？构建文件夹中的一个还是公用文件夹中的一个？并将脚本的位置更改为哪里？
您的 JavaScript 是否在 heroku 上正确运行后端？因为JS引用路径什么都没有，只需将引用路径改成heroku上JS所在的位置即可。例如https://myapp.herokuapp.com/js/my.js