.NET 5.0搭配Angular SPA回退时丢失QueryString如何解决？

• 修正AddSpaStaticFiles配置
  你当前将RootPath设置为根路径"/"不符合规范，需修改为Angular项目打包后输出的实际路径，示例如下：

services.AddSpaStaticFiles(configuration =>
{
    // 按你实际的打包输出路径调整，一般Angular打包后放在wwwroot目录下
    configuration.RootPath = "wwwroot"; 
});

• 排查重定向逻辑
  你当前的MapFallbackToFile配置本身会保留查询字符串，参数丢失大概率来自两个环节：
  1. 检查自定义的JwtMiddleware中是否存在未授权就直接重定向到根路径的逻辑，如有需修改重定向代码，将当前请求的QueryString拼接至重定向地址后
  2. 排查Angular路由逻辑，若使用默认的PathLocationStrategy，确认没有匹配到路径后强制重定向到根的规则；也可临时切换为HashLocationStrategy验证是否为前端路由问题：

// app-routing.module.ts 测试用配置
@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true })],
  exports: [RouterModule]
})

• 简化冗余配置
  你已经配置了MapFallbackToFile，生产环境下可以直接删除UseSpa相关代码，避免重复处理路由逻辑。

后端配置 #

1. 先安装Microsoft.AspNetCore.Authentication.JwtBearer NuGet包
2. 在ConfigureServices中添加JWT认证服务：

services.AddAuthentication(JwtBearerDefaults.AuthenticationScheme)
    .AddJwtBearer(options =>
    {
        options.TokenValidationParameters = new TokenValidationParameters
        {
            ValidateIssuer = true,
            ValidateAudience = true,
            ValidateLifetime = true,
            ValidateIssuerSigningKey = true,
            ValidIssuer = Configuration["Jwt:Issuer"],
            ValidAudience = Configuration["Jwt:Audience"],
            IssuerSigningKey = new SymmetricSecurityKey(Encoding.UTF8.GetBytes(Configuration["Jwt:Key"]))
        };
        // 禁用默认重定向逻辑，未授权直接返回401
        options.Events = new JwtBearerEvents
        {
            OnChallenge = context =>
            {
                context.HandleResponse();
                context.Response.StatusCode = 401;
                context.Response.ContentType = "application/json";
                return context.Response.WriteAsync("{\"code\":401,\"msg\":\"未授权\"}");
            }
        };
    });

3. 调整Configure中间件顺序，添加UseAuthentication：

app.UseRouting();
app.UseAuthentication(); // 必须放在UseAuthorization之前
app.UseMiddleware<Jwt.JwtMiddleware>();
app.UseAuthorization();

4. 在appsettings.json中添加JWT配置项：

"Jwt": {
  "Key": "自定义长度不小于16位的加密密钥",
  "Issuer": "你的后端服务域名",
  "Audience": "你的前端应用域名",
  "ExpiresInMinutes": 120
}

前端配置 #

1. 第三方跳转回应用后，从QueryString中获取JWT令牌，存储在localStorage或sessionStorage中，不要使用Cookie存储
2. 配置Angular HTTP拦截器，所有API请求头自动携带Authorization: Bearer {存储的token}
3. 配置路由守卫，访问需要授权的路由前判断是否存在有效令牌，无令牌直接跳转至第三方登录地址

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