Angular终端报HttpErrorResponse无效凭据，但浏览器端运行正常

问题现象 #

• Angular终端输出仅显示HttpErrorResponse，提示「无效凭据」
• 浏览器中应用运行无异常，目标HTTP请求返回200状态码
• 浏览器控制台、网络面板未检测到任何错误
• 后端API采用IIS身份验证

相关请求代码 #

this.http.get(this.getUserUrl,
      {
          responseType: 'text',
          withCredentials: true,
      },

排查方向与解决方法 #

• 环境身份上下文差异
  终端（如ng serve进程）的运行身份和浏览器用户会话的身份不一致，IIS身份验证依赖Windows本地凭据，终端进程可能未正确加载当前用户的凭据，导致终端层面的请求触发验证错误，但浏览器在用户登录的会话中能正常传递凭据。

• 代理配置缺失凭据传递
  若使用Angular代理转发请求，需在proxy.conf.json中添加withCredentials: true，避免代理转发时丢失凭据配置：

  {
    "/api/*": {
      "target": "http://你的IIS服务器地址",
      "secure": false,
      "withCredentials": true,
      "changeOrigin": true
    }
  }
  

• 终端进程权限不足
  尝试以管理员身份启动终端，再执行ng serve，确保终端进程有足够权限访问IIS身份验证相关资源。

• IIS CORS配置验证
  确认IIS服务器的CORS配置允许带凭据的请求，需在CORS设置中勾选「允许凭据」，同时确保请求的Origin在允许列表内。

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