react项目怎么访问自签名证书的springboot后端？

在 React 项目中访问自签名证书的 Spring Boot 后端有以下几种方法：

1. 忽略证书验证

在开发环境中，您可以选择忽略对证书的验证。但是，在生产环境中，不建议使用此方法。在 React 项目中，您可以使用 `https` 模块忽略证书验证，代码如下：

process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0'; // 忽略证书验证

fetch('https://example.com/api/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

2. 添加自签名证书

您可以将自签名证书添加到 React 项目中。方法如下：

- 将证书文件拷贝到 React 项目中的某个目录下。
- 在 React 项目中添加以下代码：

const httpsAgent = new https.Agent({
  ca: fs.readFileSync('/path/to/cert.pem'),
});

fetch('https://example.com/api/data', { agent: httpsAgent })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

3. 将自签名证书添加到信任列表

您可以将自签名证书添加到操作系统的信任列表中。这样，浏览器就可以信任该证书。具体方法与操作系统有关。在 Windows 中，您可以按照以下步骤操作：

- 双击证书文件，打开证书管理器。
- 选择“安装证书”。
- 选择“当前用户”或“本地计算机”，然后单击“下一步”。
- 选择“将所有的证书都放入下列存储”。
- 单击“浏览”，选择“受信任的根证书颁发机构”。
- 单击“下一步”，然后单击“完成”。

然后，您可以在 React 项目中使用普通的 HTTPS 请求：

fetch('https://example.com/api/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));