如何解决 401 角度未经授权的问题？

Question

我创建 .Net Core API 并配置 Windows 身份验证。 在我的角度应用程序中，我必须在每个请求中输入此选项withCredentials : true。我做了一个放置请求，但它返回给我：

401（未经授权）

我也尝试过发布请求，但它不能只获得请求工作。

auth.service.ts ：

updateUser(id,lastlogin,ac,lastlogoff,picture){
  return this.http.put(`${this.config.catchApiUrl()}User/`+ id , {
    id : id ,
    picture : picture,
    lastLogin : lastlogin ,
    lastLogoff : lastlogoff ,
    ac: ac
  },{
    headers : this.header,
    withCredentials : true
  })
}

auth.component.ts：

constructor(
private authService : AuthenticationService
) { }

loginToApplication(username :string){
    this.authService.updateUser(e["id"],lastLogin,e["ac"],e["lastLogoff"],e["picture"]).subscribe(
        console.log("enter"))
}

.Net Core API 更新用户控制器：

[AllowAnonymous] // Even if I do this it doesn't work
[HttpPut("{id}")]
public async Task<ActionResult<User>> UpdateUser(int id, User user)
{
   try { 

        var ldapPath = Environment.GetEnvironmentVariable("path");
        var ldapUsername = Environment.GetEnvironmentVariable("user");
        var ldapPassword = Environment.GetEnvironmentVariable("psw");

        DirectoryEntry Ldap = new DirectoryEntry(ldapPath, ldapUsername, ldapPassword);

        DirectorySearcher searcher = new DirectorySearcher(Ldap);

        var users = await _context.Users.Include(t => t.Access).FirstOrDefaultAsync(t => t.Id == id);
        if (users == null)
        {
            return StatusCode(204);
        }

        if(users.Ac== 1 && user.Ac!= 1)
        {
            return BadRequest("You can't change an administrator profile");
        }

        searcher.Filter = "(SAMAccountName=" + users.Login.ToLower() + ")";

        SearchResult result = searcher.FindOne();

        if (result == null)
        {
            return NoContent();
        }

        DirectoryEntry DirEntry = result.GetDirectoryEntry();
        user.Lastname = DirEntry.Properties["sn"].Value.ToString();
        user.Fullname = DirEntry.Properties["cn"].Value.ToString();
        user.Firstname = DirEntry.Properties["givenname"].Value.ToString();
        user.Login = DirEntry.Properties["samaccountname"].Value.ToString().ToLower();
        user.Email = DirEntry.Properties["mail"].Value == null ? "No mail" : DirEntry.Properties["mail"].Value.ToString(); ;

        _context.Entry(users).CurrentValues.SetValues(user);
        _context.SaveChanges();
        return users;
        }
    catch (Exception ex)
    {
       return StatusCode(204,ex.Message);
    }

}

即使我在控制器顶部添加[AllowAnonymous] 也不起作用。

更新： 我的项目中有 Cors，startup.cs 在ConfigureServices：

services.AddCors(options =>
{
    options.AddPolicy("AnyOrigin", builder =>
    {
        builder
            .AllowAnyOrigin()
            .AllowAnyMethod()
            .AllowAnyHeader()
            .AllowCredentials();
    });
});

在Configure:

app.UseCors("AnyOrigin");

此外，如果我想在邮递员上进行测试，我会遇到此错误（也在获取请求中，但在我的项目中获取请求工作）

401 - 未经授权：由于凭据无效，访问被拒绝。 您无权使用您提供的凭据查看此目录或页面。

当我在我的 api 网站上（我使用 swagger）时，我有这个：

你的连接不是私人的

Answer 1

首先要做的事情是：您可以使用 Postman 之类的工具发出授权请求吗？如果是，请查看正确的请求标头（可能还有有效负载），并找出 Angular 发送的请求标头中缺少什么。

此外，您在控制台中有一个 CORS 错误（除其他外）。一个快速（和肮脏）的修复将是启用 CORS 用户端（Firefox 有一个插件 CORS Anywhere，Chrome 有一些命令行选项），然后再次检查。

试试看。

Answer 2

您需要为您的 Web API 配置 CORS。

参考链接https://docs.microsoft.com/en-us/aspnet/core/security/cors?view=aspnetcore-2.2 并链接How to enable CORS in ASP.NET Core

Answer 3

我遇到了同样的问题。除了正确设置 Cors 设置之外，我在 Angular 中做了以下操作

创建了一个自定义拦截器以将 withCredentials 选项设置为 true

import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from "@angular/common/http";
import { Injectable } from "@angular/core";
import { Observable } from "rxjs";

@Injectable()
export class CustomInterceptor implements HttpInterceptor { 
    
    intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    
        request = request.clone({
            withCredentials: true
        });
    
        return next.handle(request);
    }
}

将拦截器添加到app.module.ts

providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: CustomInterceptor ,
      multi: true
    }
  ],

在我的 WebAPI 中，我有以下设置

services.AddCors(options =>
        {
            options.AddPolicy("CorsPolicy",
                builder =>
                {
                    builder.WithOrigins("http://localhost:4200") //Important
                      .AllowAnyMethod()
                      .AllowAnyHeader()
                      .AllowCredentials(); //Important
                });
        });

和

app.UseCors("CorsPolicy");

最后确保我在控制器中有 [FromBody] 用于发帖调用

    [HttpPost]
    [Route("AdvanaceCaseSearch")]
    public async Task<IEnumerable<AdvanceCaseResults>> AdvanaceCaseSearch(**[FromBody]** AdvanceCaseSearchParam reportparams)
    {