从我的移动设备（web、api、websocket）调试 HTTPS 本地服务答案

【问题标题】：Debugging HTTPS local services from my mobile device (web, api, websocket)从我的移动设备（web、api、websocket）调试 HTTPS 本地服务
【发布时间】：2021-04-24 08:01:33
【问题描述】：

很难从移动设备调试我的本地开发 Web 应用程序，该应用程序使用 Web 套接字连接到 GraphQL 节点服务器和另一个服务。在 HTTPS 上运行的所有三个服务到以下端口。

Web Reactjs app: https://localhost:3335
Node server: https://localhost:3334
Web socket server: wss://localhost:4443

在我的 macOS 机器上，一切正常，但是当尝试从 Chrome Android 访问 reactjs 并使用检查桌面开发工具和 USB 电缆导航到 https://localhost:3335 时，我得到了错误 POST https://localhost:3334/dev/graphql net::ERR_CERT_DATE_INVALID。

我的 iOS 设备甚至无法连接到 localhost:3335 或 192.168.2.3:3335。

我愿意接受任何提示、技巧、服务和想法，以使用我的本地开发机器和移动设备进行调试。

【问题讨论】：

我认为这与使用 https://localhost 而不是 http://localhost 有关。这也可以解释为什么出现 CERT_DATE_INVALID 错误。
localhost:3335/ 返回此页面不工作。

标签： android ios reactjs https localhost

【解决方案1】：

我能够通过导航到移动浏览器中的所有地址来使其工作，并接受自签名证书的风险。

https://localhost:3334/dev/grapqhl -> 接受 https://localhost:4443 -> 接受

现在https://localhost:3335 可以正常工作了。

由于 localhost 未绑定到机器 IP 地址而导致 iPhone 调试困难（待解决，可能会创建另一个 SO 问题以供参考）。

【讨论】：