Angular 11: Live reload not working behind reverse proxy

[prabh-62]

🐞 Bug report

• new
• build
• serve
• test
• e2e
• generate
• add
• update
• lint
• extract-i18n
• run
• config
• help
• version
• doc

Is this a regression?

Yes. Live reload worked behind a reverse proxy in Angular v10

Description

Live reload is not working for Angular 11 apps when served behind reverse-proxy

🔬 Minimal Reproduction

• git clone https://github.com/prabh-62/angular-reverse-proxy
• Run the proxy and angular web apps as per the Readme
• Navigate to https://localhost/support. You will notice errors in Chrome DevTools - Console tab

🔥 Exception or Error

zone-evergreen.js:2845 GET https://localhost:4202/admin/sockjs-node/info?t=1605577113479 net::ERR_SSL_PROTOCOL_ERROR

🌍 Your Environment

$ ng version
Angular CLI: 11.0.1
Node: 15.2.0
OS: darwin x64

Angular: 11.0.0
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1100.1
@angular-devkit/build-angular   0.1100.1
@angular-devkit/core            11.0.1
@angular-devkit/schematics      11.0.1
@angular/cli                    11.0.1
@schematics/angular             11.0.1
@schematics/update              0.1100.1
rxjs                            6.6.3
typescript                      4.0.5

Anything else relevant?

[alan-agius4]

This shares the same root cause of #19403.

Let's continue tracking this there.

Thanks.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}