ASP.NET Core Angular项目Cache Manifest加载404错误求助

首先，你的404错误核心原因是服务器没有正确提供datalog.appcache文件，结合Network面板看不到请求，大概率是文件没被部署到正确的输出目录，或者ASP.NET没有配置允许访问这类扩展名的文件。下面一步步排查解决：

1. 确保Manifest文件被webpack正确打包部署 #

把datalog.appcache放在Angular项目的src目录下（和index.html同级别），然后修改angular.json里的assets配置，让webpack打包时把它复制到输出的dist目录：

"assets": [
  "src/favicon.ico",
  "src/assets",
  "src/datalog.appcache"  // 新增这一行，确保文件被同步
]

如果没加这个配置，打包后服务器根目录下根本没有这个文件，自然会返回404。

2. 给ASP.NET配置.appcache的MIME类型 #

ASP.NET默认不识别.appcache扩展名，会导致服务器返回404或者错误的Content-Type，浏览器甚至会忽略这个请求。需要在配置文件里添加MIME类型映射：

• 如果你用的是.NET 6+的最小API风格（Program.cs）：

var builder = WebApplication.CreateBuilder(args);
// ... 其他服务配置
builder.Services.Configure<StaticFileOptions>(options =>
{
    var contentTypeProvider = new FileExtensionContentTypeProvider();
    if (!contentTypeProvider.Mappings.ContainsKey(".appcache"))
    {
        contentTypeProvider.Mappings.Add(".appcache", "text/cache-manifest");
    }
    options.ContentTypeProvider = contentTypeProvider;
});
// ... 其他中间件配置

• 旧版Startup.cs的写法：

public void ConfigureServices(IServiceCollection services)
{
    services.Configure<StaticFileOptions>(options =>
    {
        var provider = new FileExtensionContentTypeProvider();
        provider.Mappings[".appcache"] = "text/cache-manifest";
        options.ContentTypeProvider = provider;
    });
}

必须指定正确的text/cache-manifest类型，否则浏览器不会处理这个manifest文件。

3. 验证index.html中的路径是否正确 #

确保manifest="datalog.appcache"的相对路径没问题——如果你的Angular应用部署在网站根路径（比如http://localhost:4934/），这个写法是对的；如果部署在子路径，要调整为对应的相对路径（比如manifest="./datalog.appcache"）。

额外提醒：Cache Manifest的兼容性问题 #

虽然你想用Cache Manifest，但要注意它已经被Web标准废弃，现代浏览器更推荐用Service Worker实现离线功能。不过如果你的场景必须用Cache Manifest，完成上面三步后应该能解决404问题。

最后，修改配置后记得重启ASP.NET服务器，重新构建Angular项目（ng build），再测试就能看到datalog.appcache的请求了。

内容的提问来源于stack exchange，提问作者michael