如何使用 HTTPS 代理启动 VSCode chrome 调试器

Question

我之前在没有 SSL 代理的情况下从 VSCode 启动了 chrome，所以我猜这是我问题的根源。这是我的 VSCode launch.json 配置：

{
    "name": "Launch Chrome",
    "request": "launch",
    "type": "pwa-chrome",
    "url": "https://example.com:8000",
    "webRoot": "${workspaceFolder}"
}

我在监视模式下使用 webpack，该模式在端口 8000 上启动，并且我正在运行 Express https 服务器代理。

启动配置可以很好地启动 url，但它不会激活 VSCode 中的断点。

我找不到有关特定于 SSL 的启动配置的任何信息。

有什么我可以尝试让调试器正常工作并激活这些断点的方法吗？

谢谢！

Answer 1

经过一段痛苦的时间后，我能够开始httpS Chrome调试，我使用的是 openSSL 生成的证书。关键是让Chrome接受我的证书，尝试了很多解决方案，最后这里是超级简单的方法，在Chrome的地址框中输入：

chrome://flags/#allow-insecure-localhost

然后确保启用它

我的启动.json：

{
    "type": "chrome",
    "request": "launch",
    "name": "F5 against localhost",
    "port": 4201,
    "url": "https://localhost:4200",
    "webRoot": "${workspaceFolder}"
}