React Ant 新窗口 Basic Auth 请求 - 完整指南 - 常规

在 React 中使用 Ant Design 打开新窗口并发送包含 Basic Auth 认证信息的请求，可以使用 window.open() 方法打开新窗口，并使用 fetch 或 XMLHttpRequest 发送请求，并在请求头中传递 basic auth。

以下是一个示例代码：

// 打开新窗口
const newWindow = window.open();

// 构建 basic auth 的 base64 编码字符串
const username = 'yourUsername';
const password = 'yourPassword';
const basicAuth = btoa(`${username}:${password}`);

// 发送请求并在请求头中传递 basic auth
fetch('http://example.com/api', {
  headers: {
    Authorization: `Basic ${basicAuth}`,
  },
})
  .then(response => response.json())
  .then(data => {
    // 在新窗口中显示返回的数据
    newWindow.document.write(JSON.stringify(data));
  })
  .catch(error => {
    console.error(error);
  });

注意：

此示例仅供参考，并未包含完整的错误处理。
在实际应用中，请根据需要进行适当的错误处理和验证。
为了安全起见，请不要在代码中直接硬编码用户名和密码。

更多信息：