Github页面中的Angular路由



我一直在尝试在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

相关内容

  • 没有找到相关文章