清单的正确 "Scope" 设置。没有按预期工作

Question

对于我的 pwa，我遇到的问题是 manifest.json 在我所在的任何页面的末尾被调用，例如 mydomain.com/subpage/manifest.json 我认为这是不正确的，应该只为主页调用喜欢 mydomain.com/manifest.json 因为那是我的清单所在的位置（src 文件夹），其他页面应该正常处理，因为我相信它会导致重新加载子页面导致错误并重定向到主页的问题

环顾四周，接缝设置清单如

"scope": "/",
"start_url": "/",

应该可以，但它仍然会在子页面上调用 mydomain.com/subpage/manifest.json，但出现错误我读到的 Uncaught SyntaxError: Unexpected token < 和 Manifest: Line: 1, column: 1, Syntax error. 与被读作 html 的 js 或其他东西有关，但我不知道这是怎么发生的或解决方案

我的索引只有

<link rel="manifest" crossorigin="use-credentials" href="./manifest.json">
<script async src="./pwacompat.js"></script>

Idk 如果它是因为清单在根目录中并且 "scope" 不限制清单到根目录，而是根目录中包含的所有子页面，或者这一切是如何工作的，或者什么是理想的只是知道它给了我错误但无法找到和类似的问题，虽然有零碎。

Answer 1

scope 对 manifest.json 的加载位置没有任何影响。它不能，因为你遇到了先有鸡还是先有蛋的问题。 manifest.json 是根据您的 HTML 选项卡加载的。目前您有以下内容：

<link rel="manifest" crossorigin="use-credentials" href="./manifest.json">

./manifest.json 表示从当前 "directory" /、/subpage/ 或 /subpage/subsubpage/ 加载 manifest.json 文件。通常，您希望始终使用以下 HTML 标记（不带 .）从您网站的根目录加载 manifest.json：

<link rel="manifest" crossorigin="use-credentials" href="/manifest.json">

清单的正确 "Scope" 设置。没有按预期工作

Proper "Scope" setup for manifest. Not working as expected

routing

manifest

single-page-application

progressive-web-apps