ASP.NET Core中拦截config.js请求并在内存中动态生成文件的实现方案

步骤1：定义配置模型与绑定配置 #

首先在appsettings.json中添加客户端配置段，示例如下：

"ClientAppConfig": {
  "ApiBaseUrl": "https://customer-a-api.example.com",
  "FeatureToggleX": true,
  "CustomConfigKey": "customer-specific-value"
}

创建对应配置模型类ClientAppConfig.cs：

public class ClientAppConfig
{
    public string ApiBaseUrl { get; set; }
    public bool FeatureToggleX { get; set; }
    public string CustomConfigKey { get; set; }
    // 按需添加其他配置字段
}

在Program.cs（.NET 6+）中绑定配置，同时可添加外部配置源支持：

// 加载配置源，支持外部目录配置文件、环境变量、命令行参数
builder.Configuration
    .AddJsonFile("appsettings.json", optional: false, reloadOnChange: true)
    // 外部配置路径可从环境变量或命令行参数读取
    .AddJsonFile($"{Environment.GetEnvironmentVariable("EXTERNAL_CONFIG_PATH")}/appsettings.customer.json", optional: true, reloadOnChange: true)
    .AddEnvironmentVariables()
    .AddCommandLine(args);

// 绑定客户端配置到模型
builder.Services.Configure<ClientAppConfig>(builder.Configuration.GetSection("ClientAppConfig"));

步骤2：添加config.js请求处理逻辑 #

可选择最小API或者控制器两种实现方式：

方式1：最小API（.NET 6+推荐） #

直接在Program.cs中添加路由映射：

app.MapGet("/config.js", async (IOptions<ClientAppConfig> appConfig, HttpResponse response) =>
{
    // 生成和原有静态config.js格式完全一致的内容，前端无需修改
    var configContent = $@"
window.APP_CONFIG = {{
    apiBaseUrl: '{appConfig.Value.ApiBaseUrl.Replace("'", "\\'")}',
    featureToggleX: {appConfig.Value.FeatureToggleX.ToString().ToLower()},
    customConfigKey: '{appConfig.Value.CustomConfigKey.Replace("'", "\\'")}'
}};
";
    response.ContentType = "application/javascript; charset=utf-8";
    // 按需调整缓存策略
    response.Headers.CacheControl = "no-cache, no-store, must-revalidate";
    await response.WriteAsync(configContent);
});

方式2：控制器实现 #

新建控制器处理请求：

[ApiController]
[Route("")]
public class ConfigController : ControllerBase
{
    private readonly IOptions<ClientAppConfig> _appConfig;

    public ConfigController(IOptions<ClientAppConfig> appConfig)
    {
        _appConfig = appConfig;
    }

    [HttpGet("config.js")]
    public IActionResult GetConfigJs()
    {
        var configContent = $@"
window.APP_CONFIG = {{
    apiBaseUrl: '{_appConfig.Value.ApiBaseUrl.Replace("'", "\\'")}',
    featureToggleX: {_appConfig.Value.FeatureToggleX.ToString().ToLower()},
    customConfigKey: '{_appConfig.Value.CustomConfigKey.Replace("'", "\\'")}'
}};
";
        return Content(configContent, "application/javascript; charset=utf-8");
    }
}

步骤3：调整中间件顺序 #

必须把config.js的路由映射放在静态文件中间件之前，避免请求被静态文件中间件拦截返回旧的静态文件，示例顺序：

// 1. 优先处理config.js请求
app.MapGet("/config.js", /* 逻辑同上 */);

// 2. 再注册静态文件中间件
app.UseStaticFiles();

// 3. 最后注册SPA回退路由
app.MapFallbackToFile("index.html");

配置完成后删除wwwroot目录下原有的静态config.js文件，避免冲突。

注意事项 #

• 配置值如果包含单引号、换行符等特殊字符，需要做转义处理，避免生成的JS出现语法错误
• 若需要支持配置热更新，可改用IOptionsSnapshot<ClientAppConfig>替代IOptions<ClientAppConfig>，配置修改后无需重启应用即可生效
• 外部配置文件路径可通过命令行参数传入，例如启动命令：dotnet YourApp.dll --EXTERNAL_CONFIG_PATH="/path/to/customer/config"

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