将 Angular 应用程序部署到 GitPages - 未正确路由答案

【问题标题】：Deploying Angular Application to GitPages - Not Routing Properly将 Angular 应用程序部署到 GitPages - 未正确路由
【发布时间】：2021-10-19 14:11:31
【问题描述】：

免责声明：我不是专业的前端人员。我被要求部署其他工程师创建的 Angular 应用程序。

我已经完成了部署Angular application to GitPages 的过程，还尝试了方便的Angular CLI GH Pages library。但是，它们都有相同的问题，我不确定是应用程序本身还是我如何部署它。

基本页面加载正常，但所有其他资源（图像/字体文件、指向其他页面的链接等）无法正确加载。这是因为他们没有使用正确的基本 URL；我们公司的 GitHub 让我们使用 https://....com/<org>/<repo> 作为 URL。基本页面之外的所有资源都没有在 URL 前添加 /<org>/<repo>/ 部分，因此它们都返回 404。

我在docs/ 中的index.html 文件包含正确的base href="/<org>/<repo>/"，docs/ 文件夹在其assets/ 子目录中包含所有需要的图像和字体文件，所以我不确定是什么。我还复制了index.html 到404.html。

我错过了什么吗？或者是否有可能没有为 GH Pages 正确创建此 Web 应用程序？

提前致谢:-)

【问题讨论】：

标签： angularjs angular github npm github-pages

【解决方案1】：

仅将基本 href 更改为 index.html，一切都将从那里开始工作

base href="index.html"

从那里它会正确地走路径

【讨论】：

刚刚尝试过，不幸的是我得到了完全相同的行为。
添加github页面路径
@LowLevelSoCal angular 有其获胜的路由机制来指向正确的视图，但是为了运行 angular 应用程序，根据建议应该有一个 index.html 页面。你能分享一下你的 dist 文件夹内容吗？