Angular中如何获取当前用户的登录用户名？

首先明确：前端浏览器受安全限制，无法直接读取本地系统的登录用户名，必须借助后端配合。针对内网Windows环境，最简洁的方案是基于Windows身份验证实现。

方案一：IIS托管+后端接口（ASP.NET Core示例） #

• 第一步：在IIS中为应用启用Windows身份验证，同时禁用匿名身份验证。IIS会自动获取当前登录的域/本地用户名。
• 第二步：后端写一个简单接口返回用户名：

  [HttpGet("api/user/current-username")]
  public IActionResult GetCurrentUsername()
  {
      // 截取用户名（默认格式为「域\用户名」）
      var fullUsername = User.Identity.Name;
      var username = fullUsername.Split('\\').Last();
      return Ok(username);
  }
  

• 第三步：Angular前端调用接口获取用户名：

  // user.service.ts
  import { HttpClient } from '@angular/common/http';
  import { Injectable } from '@angular/core';
  
  @Injectable({ providedIn: 'root' })
  export class UserService {
    constructor(private http: HttpClient) {}
  
    getCurrentUsername() {
      return this.http.get<string>('/api/user/current-username');
    }
  }
  

  在组件中使用：

  import { Component, OnInit } from '@angular/core';
  import { UserService } from './user.service';
  
  @Component({ 
    selector: 'app-root', 
    template: '<p>当前登录用户：{{ currentUsername }}</p>' 
  })
  export class AppComponent implements OnInit {
    currentUsername: string;
  
    constructor(private userService: UserService) {}
  
    ngOnInit() {
      this.userService.getCurrentUsername().subscribe(name => {
        this.currentUsername = name;
      });
    }
  }
  

方案二：其他后端语言适配 #

如果后端是Java等其他语言，同样可以通过对应框架的身份验证API获取用户名（比如Java Servlet的request.getUserPrincipal().getName()），再暴露接口给Angular调用，逻辑和上述一致。

关键提示 #

• 内网环境下，Windows身份验证是最省心的方式，无需额外登录流程，系统自动完成身份传递。
• 不存在前端原生方法直接读取系统用户名，浏览器安全模型完全禁止此类操作。

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