本地环境React前端与自签名证书Node.js后端HTTPS交互问题

浏览器会严格验证HTTPS证书的颁发机构，自签名证书没有受信任的CA背书，所以前端请求时会抛出net::ERR_CERT_AUTHORITY_INVALID错误；而Postman默认不强制验证这类证书，因此能正常调用API。下面是几种可行的解决方法：

方法1：把自签名证书加入浏览器信任列表 #

• 直接访问后端HTTPS服务地址（比如https://localhost:你的后端端口）
• 点击地址栏左侧的警告图标（锁形或感叹号），选择「证书」
• 在证书详情弹窗里找到「安装证书」选项，按向导将证书安装到「本地计算机」的「受信任的根证书颁发机构」存储区
• 重启浏览器后，前端就能正常连接后端

方法2：启动React开发服务时跳过证书验证（仅开发环境用） #

如果是Create React App创建的项目，修改package.json里的启动脚本：

"scripts": {
  "start": "HTTPS=true NODE_TLS_REJECT_UNAUTHORIZED=0 react-scripts start"
}

HTTPS=true让React开发服务器也启用HTTPS，NODE_TLS_REJECT_UNAUTHORIZED=0临时禁用Node的证书校验逻辑。注意：这个方法只适合本地开发，绝对不能用到生产环境。

方法3：完善后端CORS配置 #

检查你的CORS设置，确保允许前端的域名和必要请求头，比如把后端代码里的app.use(cors);改成带配置的形式：

app.use(cors({
  origin: "https://localhost:3000", // 替换成你的React开发服务器地址
  credentials: true, // 需要传递cookie的话必须开启
  allowedHeaders: ["Content-Type", "Authorization"]
}));

默认的CORS配置可能无法满足跨域请求的需求，明确指定允许的源能避免额外的跨域问题。

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