Resolve 404 for manifest.webmanifest in Azure App Service

 If you are deploying PWA apps with Node JS/Angular to Azure App Services on Windows, you might encounter "The resource you are looking for has been removed, had its name changed, or is temporarily unavailable." with a 404 for manifest.webmanifest, wven though they are correctly deployed to your Azure App Service. Let's see how we can resolve this issue in Azure App Services.

The Issue

The manifest.webmanifest is deployed correctly to Azure App Service. When inspected in Kudus we can see the file is available in wwwroot.

However, if we try to access it in the deployed web app it is giving a 404 not found.

The Fix

This issue occurs due to missing mime type for manifest.webmanifest. You can get it added via the web.config to Azure App Service app.

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

Once deployed with the new mime type for .webmanifest the manifest.webmanifest loads fine in the application deployed to Azure App Services.