使用PWA版本的Angular App时为404

Question

我有一个我在GitHub页面上托管的有角度的应用程序。它工作正常，但最近我将其变成了渐进式Web应用程序。尝试在手机上将其作为PWA打开时，出现404错误。我想我知道问题出在哪里，但我不知道如何解决。构建我的应用程序时，它在index.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