How to launch VSCode chrome debugger using HTTPS proxy

Question

I've launched chrome from VSCode before without an SSL proxy, so I'm guessing that is at the root of my issues. Here's my VSCode launch.json configuration:

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

I'm using webpack in watch mode which is launching on port 8000, and I'm running an Express https server proxy.

The launch config works fine to launch the url, but it does not activate breakpoints within VSCode.

I could not find any information on launch configuration specific to SSL.

Is there anything I can try to get the debugger working properly, and get these breakpoints activated?

Thanks!

Answer 1

I'm able to start httpS Chrome debugging after some painful times, I'm using certificate generated by openSSL. Key is to make Chrome accept my certificate, tried so many solutions, finally here is the super easy way, type in this in Chrome's address box:

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

then make sure Enable it

My launch.json:

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