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

Question

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

• home.html
• manifest.json

文件home.html包含指向manifest.json的链接：

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

当我使用PhpStorm内置Web服务器打开home.html时，我在Chrome控制台中发现manifest.json的错误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。 内部网络服务器使用“绝对” URL时会返回404，因为它提供的是localhost:port/project_name而不是localhost:port的文件。如果您希望在内置Web服务器上托管应用程序时解析URL，请使用相对于当前文件（href="path/relative/to/home.html/manifest.json"）的URL