我有一个 manifest.json 文件，其中有一个 start_url 属性，我希望将其指向我的单页面应用程序的第一个文件。
这个文件是 index.html，它是网站的根。我希望它成为 start_url，但该文件从未被请求为URL。
如何将 start_url 指向站点的相对根目录？
例如，如果网站位于 https://example.com，那么在 https://example.com/manifest.json 的值应该是什么？我希望PWA从 https://example.com 开始，而不是 https://example.com/index.html。PWA可能会放在另一个域上，因此 start_url 需要是相对的而不是绝对的。
如果您正在站点的根目录下运行，例如https://example.com/manifest.json或https://test.example.com/manifest.json，则可以使用"start_url": "/"。
但是，这也会将https://example.com/test/manifest.json映射到https://example.com/，这会失败，因为它在清单范围之外的文件夹中。
相反，如果您正在使用子目录，则需要同时设置scope和start_url：
"start_url": "./"
"scope": "."
这将导致https://example.com/test/manifest.json按预期映射到https://example.com/test/。
example.com/app/**是动态链接。当我将start_url设置为“/”时，会出现404页面。您知道我应该如何处理这个问题，以便它也可以与动态链接一起使用吗？ - Kyle Abensstart_url路径相对于清单的位置即可。 - Keith@angular/pwa 用户的注释。您还需要在 ngsw-config.json 中将 "index": "/index.html" 更改为 "index": "/"。 - Halfist在你的清单文件中，你的start_url应该设置为以下内容。
"start_url": "/"
来源: https://developers.google.com/web/fundamentals/integration/webapks
https://example.com/test/会尝试（但失败）将根目录设置为https://example.com/。 - Keithstart_url 更改为以下内容之外："start_url": "/"
或者针对子目录（有关详细信息，请参见 Keith的答案）
"start_url": "./"
"scope": "."
对于在Chrome浏览器中测试manifest中的start_url更改的人，这些更改可能不会立即反映在您的PWA用户身上。根据文档，
Chrome将定期比较本地安装的清单与从网络获取的清单副本进行比较。如果清单中用于将PWA添加到主屏幕的任何属性在网络副本中发生更改，则Chrome将请求更新的WebAPK，反映这些新值。
对于新版本的Chrome（76及以上），此周期为1天间隔。对于Chrome 75和早期版本，此周期为3天间隔。这是我所经历过的，并且为了强制Chrome获取新的清单（进行测试和验证目的），我已经（1）卸载了PWA，（2）清除了Chrome数据，以及（3）重新安装了PWA。
start_url被设置为"."，这似乎可以完成工作。但我还没有找到任何确认此事的文档。了解页面相对于服务器的位置非常重要。对于node.js服务器，本地主机或您从哪里访问网站开始。
例如，如果我想从manifest.json运行我的网站以成为根网站，这就是我要写的内容。在此基础上，文件的根页面是index.html。
{
"start_url": "/index.html"
}
请记得添加一个连接到index.html页面的service-worker.js文件。
您可以参考文档获取更多信息：
参考资料：
Web应用程序清单配方书：https://developers.google.com/web/fundamentals/web-app-manifest
Service-Worker.js简介：https://developers.google.com/web/ilt/pwa/lab-scripting-the-service-worker
example.com，然后服务器会提供一个默认页面（它是 index.html，但它也可以是 default.asp 或其他任何内容，这取决于服务）。用户在 URL 中永远看不到 example.com/index.html。现在，在 example.com/mainifest.json 中，我不想将用户引导到 example.com/index.html（特别是因为用户不会缓存它，从而破坏 PWA），我想将他们引导到 example.com - 请参见已接受的答案以了解如何实现。 - Keith {
start_html = "/"
}
- Caleb Yangstart_url中的任何路由都返回200，如果返回400 / bad request，则您的PWA将无法正常工作。Eric V的答案不起作用，因为“start_url”：“/”将子目录路由到域根，正如我在该答案的评论中所解释的那样。是的，路径还需要在服务工作者范围内。 - Keith我甚至可以从DevTools > Application > Manifest > start_url链接到页面，切换到网络面板中的离线状态并重新加载页面，从服务工作者获取完整页面。
manifest.json文件中，当它也是Web应用程序的根目录时，start_url应该设置为什么？例如，起始页面是https://example.com，那么在https://example.com/manifest.json中，start_url的值应该是什么？ - Keith
start_url，所以"start_url" : "./index.html"应该可以工作 - 或者这不是你的意思吗？另请参阅：https://developer.mozilla.org/en-US/docs/Web/Manifest#start_url。 - Tom Davieshttps://example.com/app，但起始URL变成了https://example.com/app/index.html或者https://example.com/index.html。 - Keith"./index.html"或"./"（如果出于某种原因不想包含index.html）应该可以解决问题。 - Jeff Posnick./和./index.html表示相同的文档，而不是在满足导航时将它们分别处理。例如，sw-precache将生成一个 SW，使用默认设置响应两者并使用相同的缓存 HTML 文档：https://github.com/GoogleChrome/sw-precache#directoryindex-string - Jeff Posnick