React中Axios本地GET请求如何取消SSL证书验证并处理CORS错误？

你碰到的是两个独立问题：本地API的SSL证书验证问题和浏览器端的CORS跨域限制。Postman关闭SSL验证解决的是前者，但React里拿不到数据的核心原因是后者，不过两个问题都得处理才能正常请求。

一、React中让Axios跳过SSL证书验证（仅开发环境用） #

Postman关SSL验证就是跳过了证书有效性校验，Axios里可以通过配置httpsAgent实现同样效果：

1. 直接用Node.js内置的https模块，不用额外安装，代码这么写：

import axios from 'axios';
import https from 'https';

// 创建跳过SSL验证的Agent实例
const skipSslAgent = new https.Agent({
  rejectUnauthorized: false, // 关闭证书校验
});

useEffect(() => {
  const fetchContacts = async () => {
    try {
      const res = await axios.get('https://localhost:7075/api/Contacts', {
        httpsAgent: skipSslAgent,
      });
      console.log('拿到数据:', res.data);
    } catch (err) {
      console.error('请求出错:', err);
    }
  };
  fetchContacts();
}, []);

⚠️ 重要提醒：这个设置只适合本地开发临时用，生产环境绝对不能开，会造成严重安全漏洞。

二、解决CORS错误（这才是核心问题） #

你说请求返回200但报CORS错，这是浏览器的同源策略在搞事——React项目一般跑在http://localhost:3000，和API的https://localhost:7075端口不一样，属于跨域，浏览器会拦截响应。直接访问URL正常是因为地址栏访问不触发CORS校验，Postman也不受同源策略限制。

开发环境临时绕开CORS（快速测试用） #

如果暂时没法改后端，用React的代理配置最方便：

1. 在项目根目录的package.json里加一行proxy：

{
  "name": "你的React项目名",
  "proxy": "https://localhost:7075"
}

2. 然后把Axios的请求地址改成相对路径：

axios.get('/api/Contacts')

这样React会自动把请求代理到目标API，绕过浏览器的CORS限制。

服务端配置CORS（生产环境必须这么做） #

从API端口看，你应该用的是ASP.NET Core，直接在Program.cs里加CORS配置就行：

var builder = WebApplication.CreateBuilder(args);

// 注册CORS服务
builder.Services.AddCors(options =>
{
    options.AddPolicy("AllowReactOrigin", policy =>
    {
        policy.WithOrigins("http://localhost:3000") // 填你的React项目地址
              .AllowAnyHeader()
              .AllowAnyMethod();
    });
});

var app = builder.Build();

// 启用CORS中间件（要放在路由之前）
app.UseCors("AllowReactOrigin");

app.MapControllers();

app.Run();

其他后端语言（Node.js/Java/Python等）也有对应的CORS配置方法，核心都是允许你的React域名发起跨域请求。

总结 #

1. 关闭SSL验证只是解决Axios的证书报错问题，属于开发辅助操作；
2. CORS错误才是你拿不到数据的关键，必须通过服务端配置或者开发代理解决；
3. 别把两个问题混在一起，优先搞定CORS，SSL跳过仅作为开发时的临时方案。

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