【发布时间】：2021-10-15 16:34:07
【问题描述】：
我有一些很奇怪的问题。我对我的 Angular PWA 进行了 prod 构建，并将其部署到托管空间。托管页面的文件/文件夹结构是这样的。
public_html 有一个简单的 HTML 页面，我的 PWA 应用程序位于 public_html 文件夹下。我尝试通过此 URL https://example.com/pwa 访问 PWA，但我的 PWA 未加载，我通过查看丢失的文件 url 发现了这一点
所有的网址都有这个路径https://example.com/runtime.0e49e2b53282f40c8925.js、https://example.com/manifest.webmanifest等等。
我试图了解它是如何更改为根 (public_html) 而它应该是 PWA。角度应用程序中的基本 href 是 "/" 。在 PWA 中我需要在哪里进行配置，以便我的应用程序需要的 url 看起来像这样https://example.com/pwa/manifest.webmanifest
我们的想法是在 PWA 文件夹中创建一个简单的静态登录页面和一个可点击的链接，从登录页面到 PWA 应用程序。
【问题讨论】：
-
您的
index.html在哪里？为什么你有pwa文件夹，里面有什么？你用ng add @angular/pwa了吗？你设置<base href="/pwa/">了吗？ -
我的 index.html 位于根目录 (public_html)，index.html 就像一个静态登录页面，它不是 Angular PWA 的一部分。我的想法是有一个静态登录页面，带有指向 PWA 应用程序的链接，因此我创建了 PWA 文件夹并将应用程序放入其中。是的，我确实尝试过 base href ="/pwa" 但这并没有改变脚本的网址
-
您能确认
pwa文件夹还包含一个index.html，它是由角度构建生成的吗？那就是需要包含<base href="/pwa/">的文件 -
是的，它确实有所有文件，虽然我已经删除了
并恢复为 因为有 pwa 没有做任何区别。 -
According to this link 你必须将
--base-href /pwa/参数传递给ng build。你也这样做了吗？
标签： angular progressive-web-apps