Question

当我尝试在github页面上访问我的角度网站时，会发生一种奇怪的行为。打开页面后，网址会更改。通过此网址检查。 https://youssefsharief.github.io/youtube-trending-videos-per-country-app/

当网页加载时，此网址会转换为https://youssefsharief.github.io/。这个应用程序由angular-cli搭建。请注意，这是我的构建命令

"build": "ng build --prod --base-href youtube-trending-videos-per-country-app --output-path docs"

Answer 1

你到达＆＃34;很奇怪。在具有一个URL的站点上，继续使用不同的URL导航应用程序。希望这个答案能够解释GitHub站点上URL的动态特性。

这与Angular无关 - 它是一个Web服务器（Jekyll）的东西。

GitHub使用Jekyll来提供存储库中的内容。 GitHub使用Jekyll Relative Links Plugin来管理您网站上的相关链接。这样做是为了处理可以在GitHub上到达URL的各种方式。

以下文章解释了Jekyll的工作原理。虽然它没有提到Angular，也没有提到配置yaml文件。它仍应说明您的Angular应用程序URL如何遵循这些规则：

但是您没有提供任何此配置，您只是在生产模式下部署了应用程序。是的，因此GitHub会根据您的<base href>属性值自动重写您的相对URL - 并且您的网站可以正常工作（除了那个奇怪的条目URL）。

您可以通过更改<base>代码href属性值来试验这些规则，但请注意单个斜杠＆＃34; /＆＃34;对于杰基尔来说是不明白的。