【问题标题】:How to make a React App windows Authentication如何制作 React App 的 Windows 身份验证
【发布时间】:2026-01-28 16:15:02
【问题描述】:

已在 .Net 中使用 Windows 身份验证创建了 Web API。当我在 React APP 中调用 API 时得到 401 Unauthorized。 Web API 在具有 Windows 身份验证的浏览器中运行良好。

axios.get('http://.../.../user/Data')
    .then(function (response) {
      console.log(response);
    })
    .catch(function (error) {
      console.log(error);
    });```

【问题讨论】:

  • 那个帖子是和jquery相关的——>如果前端应用是windows认证的,直接就可以了。你能帮我让 React 应用程序窗口通过身份验证吗?
  • 当您说它在浏览器中运行良好时,您的意思是它会提示您输入凭据?
  • 不,它不会,Web API 项目已经在 .Net 中开发并使用“Windows 身份验证”托管,因此 API 将能够直接访问我的 Windows 登录用户名。
  • @Mathan jQuery 的$.ajax 与 axios 基本相同——都进行 AJAX 调用。 React 在浏览器中运行;问题是当您对服务器进行 AJAX 调用时。你可以只用 axios(没有 React)来复制它。

标签: .net reactjs axios windows-authentication


【解决方案1】:

使用fetch,我设置了credentials: include 选项。另外,我认为需要在后端设置 Access-Control-Allow-Credentials 标头。

我是一名前端开发人员,所以我不确定为 Windows 身份验证配置后端的全部内容。

【讨论】:

  • 在后端项目中,身份验证设置为 Windows。请帮助我让它在前端工作。
  • 我的意思是尝试将withCredentials: true, 与Axios 一起使用,因为credentials: include 使用fetch 对我有用。但是,如果我没记错的话,它只有在设置了 Access-Control-Allow-Credential 响应头时才对我有用。
  • 你需要设置标题吗?另外,请接受答案,以便其他人更容易找到。