.NET 8独立Blazor WebAssembly DevServer如何启用CORS？

命令行临时配置（快速调试） #

直接在启动DevServer时通过命令行参数或环境变量指定允许的跨域源：

• 命令行参数方式：

  dotnet run --environment Development -- --CORS:AllowOrigins="http://localhost:3000,https://your-api-domain.com"
  

• 环境变量方式：
  Windows：

  set ASPNETCORE_CORS__ALLOWORIGINS=http://localhost:3000,https://your-api-domain.com && dotnet run
  

  Linux/macOS：

  export ASPNETCORE_CORS__ALLOWORIGINS=http://localhost:3000,https://your-api-domain.com && dotnet run
  

持久化配置（适合频繁调试） #

1. 在项目根目录的appsettings.Development.json中添加CORS配置：

   {
     "Logging": {
       "LogLevel": {
         "Default": "Information",
         "Microsoft.AspNetCore": "Warning"
       }
     },
     "CORS": {
       "AllowOrigins": "http://localhost:3000,https://your-api-domain.com"
     }
   }
   

2. 修改Blazor项目的Program.cs，添加CORS中间件并应用策略：

   var builder = WebAssemblyHostBuilder.CreateDefault(args);
   builder.RootComponents.Add<App>("#app");
   builder.RootComponents.Add<HeadOutlet>("head::after");
   
   // 读取CORS配置并注册策略
   var corsOrigins = builder.Configuration["CORS:AllowOrigins"];
   if (!string.IsNullOrEmpty(corsOrigins))
   {
       builder.Services.AddCors(options =>
       {
           options.AddPolicy("DebugCors", policy =>
           {
               policy.WithOrigins(corsOrigins.Split(','))
                     .AllowAnyMethod()
                     .AllowAnyHeader();
               // 若需要携带Cookie/凭证，添加下面一行
               // .AllowCredentials();
           });
       });
   }
   
   // 配置API客户端（示例）
   builder.Services.AddHttpClient("ApiClient", client =>
   {
       client.BaseAddress = new Uri("https://your-api-base-url.com/");
   });
   
   var app = builder.Build();
   
   if (app.Environment.IsDevelopment())
   {
       // 开发环境启用CORS策略
       app.UseCors("DebugCors");
   }
   
   await app.RunAsync();
   

极端调试场景（放宽所有CORS限制） #

仅用于本地调试，绝对不要在生产环境使用：
在Program.cs的CORS策略中替换为：

options.AddPolicy("DebugCors", policy =>
{
    policy.AllowAnyOrigin()
          .AllowAnyMethod()
          .AllowAnyHeader();
});

补充说明 #

.NET 8的Blazor WASM DevServer本质是集成在项目中的轻量ASP.NET Core服务器，所以所有ASP.NET Core的CORS配置逻辑都适用。之前的Hosted模式是分离了独立的服务器项目，现在Standalone项目的调试服务器配置直接写在Blazor项目的Program.cs中即可。

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