如何在Vue.js + .NET Core应用中给默认页面添加响应头

因为Vue应用的登录页面作为静态文件由.NET Core托管，首次加载时无API调用，所以需通过配置.NET Core的静态文件中间件来添加响应头，以下是两种可行方案：

方法一：全局为所有静态文件添加响应头 #

在Program.cs（.NET Core 6+）或Startup.cs（旧版本）中，配置静态文件中间件时注入自定义头：

var builder = WebApplication.CreateBuilder(args);

// 服务注册逻辑...

var app = builder.Build();

// 其他中间件配置...

app.UseStaticFiles(new StaticFileOptions
{
    OnPrepareResponse = ctx =>
    {
        // 添加安全类自定义响应头示例
        ctx.Context.Response.Headers.Append("X-Content-Type-Options", "nosniff");
        ctx.Context.Response.Headers.Append("X-Frame-Options", "DENY");
        ctx.Context.Response.Headers.Append("X-XSS-Protection", "1; mode=block");
        // 按需添加你的其他自定义头
    }
});

// SPA中间件、路由等后续配置...

app.Run();

方法二：仅针对登录页面添加响应头 #

若只需给指定登录页面（通常是SPA入口index.html或/login路径）添加头，可在回调中判断请求路径：

app.UseStaticFiles(new StaticFileOptions
{
    OnPrepareResponse = ctx =>
    {
        var requestPath = ctx.Context.Request.Path;
        // 根据实际登录页路径调整判断条件
        if (requestPath == "/" || requestPath == "/login" || requestPath.EndsWith("index.html"))
        {
            ctx.Context.Response.Headers.Append("Custom-Security-Header", "Your-Custom-Value");
            // 追加其他需要的响应头
        }
    }
});

注意事项 #

• 若使用Microsoft.AspNetCore.SpaServices.Extensions的UseSpa托管Vue应用，需确保静态文件中间件配置在UseSpa之前，否则响应头配置不会生效。
• 安全类响应头建议参考OWASP规范选择适配场景的字段。

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