未找到 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，请Startup.cs添加Configure：

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