React项目疑问：通过笔记本热点连接手机时能否调用API？

核心结论 #

• 你采用的本地开发+热点共享的测试方式完全可行，是前端验证移动端适配的常用方案。
• 可以通过手机热点进行API调用，只要手机和笔记本处于同一局域网（你的场景已经满足）。
• 问题和手机、笔记本的URL不同无关，核心是HTTPS自签名证书不被手机系统信任。

问题原因 #

你调用API用了https://192.168.xx.xx，但本地开发环境的HTTPS证书一般是自签名的，这类证书没有经过权威CA机构认证，手机系统默认会拒绝信任，所以抛出NET::ERR_CERT_AUTHORITY_INVALID错误。而笔记本上能正常调用，是因为你之前可能在浏览器里手动信任过该证书，或者本地开发工具自动做了证书信任配置。

解决方案 #

方案1：改用HTTP协议（最简单） #

直接把API请求的URL改成http://192.168.xx.xx/api/getdata，开发测试阶段HTTP足够满足需求，不会触发证书验证问题。

方案2：让手机信任本地自签名证书 #

如果必须用HTTPS，可以按以下步骤操作：

• 导出本地开发环境的HTTPS证书（比如Create React App、Vite等工具生成的证书文件）
• 将证书文件传到手机（比如通过微信、邮件发送）
• 在手机系统设置的「安全」模块中安装该证书，并设置为信任CA证书（不同品牌手机路径略有差异，比如华为：设置→安全→更多安全设置→加密和凭据→安装证书→CA证书）

方案3：临时跳过证书检查（不推荐用于长期测试） #

如果用Create React App，可以在启动项目时添加环境变量跳过证书验证：

HTTPS=true NODE_TLS_REJECT_UNAUTHORIZED=0 npm start

但手机端访问时仍会出现证书警告，部分浏览器可能不允许跳过，仅适合临时测试。

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