404 使用 PWA 版本的 Angular App 时

Question

我有一个有角度的应用程序，我用GitHub页面托管。它工作正常，但我最近把它变成了一个渐进式 Web 应用程序。当我尝试在手机上将其作为PWA打开时，出现404错误。我想我知道问题是什么，但我不知道如何解决它。当我构建我的应用程序时，它会在索引.html文件中创建错误的文件路径。

代码应为：

<script src="./dist/runtime-es2015.edb2fcf2778e7bf1d426.js" type="module"></script>

但相反，它：

<script src="runtime-es2015.edb2fcf2778e7bf1d426.js" type="module"></script>

如何在构建应用时获取指定的正确文件路径？我需要什么文件来指定？

Answer 1

在 ng-build 时，您可以指定 basehref 路径，以便您的根路径可以工作

ng build --prod --base-href /<project_name>/

例：

ng build --prod --base-href http://www.example.com