我一直在尝试在GithubPages上部署一个小的Angular应用程序,但是我在相对链接方面遇到了一些麻烦。
例如,有一个链接,在一个新的选项卡中打开,在本地工作完美。但是在github页面上,它返回'error404'。
<a href="assetspdfsgeographyunit_1economias_regionales.pdf" target="_blank">
<mat-icon aria-hidden="false" aria-label="pdf-icon">picture_as_pdf</mat-icon>Regional Economies
</a>
我已经检查了文档,并尝试制作镜像404.html,但没有工作。
我也尝试了在部署Angular 7到github页面中请求的解决方案,但它也不起作用,也许我弄错了。
完整的项目在这里
建议吗?谢谢你的时间
从href中删除开头的/
,因为这会修改链接的相对内容。
<a href="assets/pdfs/geography/unit_1/economias_regionales.pdf" target="_blank"></a>
这个答案解释得很好。
以
/
开头的链接相对于网站的根。在您的示例中,链接最终出现错误:https://fabichazaa.github.io/assets/pdfs/geography/unit_1/economias_regionales.pdf
链接没有领先的
/
是相对于你的应用程序的<base href="">
标签。在您的示例中,链接最终是正确的:https://fabichazaa.github.io/schoolsystem/assets/pdfs/geography/unit_1/economias_regionales.pdf
你看到它在本地工作,因为在这种情况下,应用程序恰好是在网站的根服务。
尝试切换到基于Hash的位置策略https://angular.io/api/common/HashLocationStrategy