在 nginx 代理后面调试 React App 运行
Debug React App running behind a nginx proxy
我有一个 运行正在 localhost:3000 上运行的 React 应用程序。我的后端 API 在 localhost:8181 上 运行ning。为了消除跨源请求和其他一些兼容性原因，我为我的 React 应用程序和我的后端 API 设置了一个 nginx 反向代理。他们现在 运行 localhost:8443。
问题：当我在 Webstorm 中为 localhost:3000 创建 JavaScript 调试配置时，它工作正常。但是 localhost:8443 的配置无法调试我的 React 应用程序。我无法在 localhost:3000 上进行调试，因为我没有从那里的 API 获取数据。
我可以使用 console.log() 进行调试，但如果能在 IDE 中进行调试就更好了。我尝试搜索解决方案，但没有找到任何对我的配置有帮助的东西。
关于如何为此类配置启用调试的任何指示？
原来问题出在我的自签名证书上。它有 localhost.com 作为 Common-Name 而不是 localhost.
可以通过在 WebStorm 日志中查找 (java.security.cert.CertificateException: No name matching localhost found) 异常来找出。
(How to find Log files)
我创建了一个新证书。这次 Common-Name 为 localhost，调试成功！
这是我在 Youtrack 上为 Webstorm 支持打开的原始问题 link。 (Link)
希望这对以后的人有所帮助！
我有一个 运行正在 localhost:3000 上运行的 React 应用程序。我的后端 API 在 localhost:8181 上 运行ning。为了消除跨源请求和其他一些兼容性原因，我为我的 React 应用程序和我的后端 API 设置了一个 nginx 反向代理。他们现在 运行 localhost:8443。
问题：当我在 Webstorm 中为 localhost:3000 创建 JavaScript 调试配置时，它工作正常。但是 localhost:8443 的配置无法调试我的 React 应用程序。我无法在 localhost:3000 上进行调试，因为我没有从那里的 API 获取数据。
我可以使用 console.log() 进行调试，但如果能在 IDE 中进行调试就更好了。我尝试搜索解决方案，但没有找到任何对我的配置有帮助的东西。
关于如何为此类配置启用调试的任何指示？
原来问题出在我的自签名证书上。它有 localhost.com 作为 Common-Name 而不是 localhost.
可以通过在 WebStorm 日志中查找 (java.security.cert.CertificateException: No name matching localhost found) 异常来找出。
(How to find Log files)
我创建了一个新证书。这次 Common-Name 为 localhost，调试成功！
这是我在 Youtrack 上为 Webstorm 支持打开的原始问题 link。 (Link)
希望这对以后的人有所帮助！