json - 在 PhpStorm 内置 Web 服务器中打开 JSON 文件

Question

我尝试在 PhpStorm 中创建简单的 PWA。我有 2 个文件：

• 主页.html
• 清单.json

文件home.html包含以下链接manifest.json：

<link rel="manifest" href="/manifest.json">

当我home.html使用 PhpStorm 内置 Web 服务器打开时manifest.json，Chrome 控制台中出现错误 404：

Failed to load resource: the server responded with a status of 404 (Not Found)

我可以home.html从上下文菜单在浏览器中打开：

但我没有这个选项manifest.json：

我可以在 PhpStorm 中配置内置的 Web 服务器以使用 JSON，或者这是不可能的吗？

Answer 1

问题是由您的 URL ( href="/manifest.json") 引起的：前导斜杠告诉浏览器从 Web 服务器根目录解析 URL。内部 Web 服务器在使用“绝对”URL 时返回 404，因为它提供来自localhost:port/project_name而不是来自localhost:port. 如果您希望在内置 Web 服务器上托管您的应用程序时解析您的 URL，请使用相对于当前文件的 URL ( href="path/relative/to/home.html/manifest.json")