未找到 PWA 的清单 JSON 404？

Question

我有一个在 Visual Studio (C#) 中构建的 Web 应用程序，我正在尝试将其转换为/使其成为 PWA（渐进式 Web 应用程序）。 我创建了一个清单 json 文件：

{
  {
    "dir": "ltr",
    "lang": "en",
    "name": "OSU Project Manager",
    "short_name": "Project Manager",
    "scope": "/TSList.aspx",
    "display": "standalone",
    "start_url": "https://gammaprojectmanager.azurewebsites.net/TSList.aspx",
    "theme_color": "#FFE1C4",
    "description": "Time sheet and Clock In/Out",
    "orientation": "portrait-primary",
    "background_color": "#FFE9D2",
    "icons": [
      {
        "sizes": "128x128",
        "src": "/image/icon-128x128.png",
        "type": "image"
      }
    ],
    "screenshots": [],
    "generated": "true"
  }
}

但是，当我运行网络应用程序并检查页面时，出现以下错误：错误显示

这是我创建的用于将清单链接到母版页的链接： <link href="manifest.webmanifest2" rel="manifest" />

服务工作者文件有效，我只是在处理清单文件时遇到了问题。

Answer 1

如果您使用的是 ASP.NET Core，请在Configure的Startup.cs中添加：

var provider = new FileExtensionContentTypeProvider();
provider.Mappings[".webmanifest"] = "application/manifest+json";
    
app.UseStaticFiles(new StaticFileOptions()
{
    ContentTypeProvider = provider
});

Answer 2

在web.config中，将.manifest扩展名添加为有效的 MIME 类型。

<system.webServer>
    <staticContent>
        <mimeMap fileExtension=".webmanifest" mimeType="application/manifest+json" />
    </staticContent>
</system.webServer>

如果json没有被映射为有效的 mime 类型（很可能已经在服务器上），那么也添加它：

<system.webServer>
    <staticContent>
        <mimeMap fileExtension=".json" mimeType="application/json" />
        <mimeMap fileExtension=".webmanifest" mimeType="application/manifest+json" />
    </staticContent>
</system.webServer>