Proxy websocket with proxy.conf.json

[jfcere]

I am trying to proxy websockets using ng serve --proxy-config proxy.conf.json but could'nt get it to work correctly as I am getting this error:

WebSocket connection to 'ws://stream/connect' failed: Error in connection establishment: net::ERR_NAME_NOT_RESOLVED

This closed issue #6081 did not helped neither did this stackoverflow answer.

Am I missing something? Is it doable?

Repro steps

Here is how I instantiated the websocket and my proxy configuration:

websocket instantiation

const ws = new WebSocket('ws://stream/connect');

proxy.conf.json

"stream/**": {
  "target": "wss://localhost:8080",
  "secure": false,
  "ws": true,
  "logLevel": "debug"
}

I also tried the following patterns with the upper configuration but with no avail:

"stream/"
"stream/*"
"stream/**"
"*stream"
"*stream/"
"*stream/*"
"*stream/**"
"**stream"
"**stream/"
"**stream/*"
"**stream/**"
"/stream"
"/stream/"
"/stream/*"
"/stream/**"

Versions

Angular CLI: 1.5.0
Node: 6.11.0
OS: win32 x64
Angular: 4.4.6
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router, tsc-wrapped

@angular/cli: 1.5.0
@angular-devkit/build-optimizer: 0.0.35
@angular-devkit/core: 0.0.22
@angular-devkit/schematics: 0.0.41
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.8.0
@schematics/angular: 0.1.10
@schematics/schematics: 0.0.10
typescript: 2.4.2
webpack-bundle-analyzer: 2.9.1
webpack: 3.8.1

[ChrisHuston]

I proxy for my web socket apps with angular-cli, so it is possible. Have you tried:
const ws = new WebSocket('wss://localhost:8080/stream/connect');

"/stream/*": {
"target": "wss://localhost:8080",
"secure": false,
"ws": true,
"logLevel": "debug"
}

OR
"/stream/*": {
"target": "https://localhost:8080",
"secure": false,
"logLevel": "debug"
}

Matching the ssl settings in your WebSocket call and proxy along with a fully specified URL for the WebSocket is what has worked for me.

[clydin]

Hello, we reviewed this issue and determined that it doesn't fall into the bug report or feature request category. This issue tracker is not suitable for support requests, please repost your issue on StackOverflow using tag angular-cli.

If you are wondering why we don't resolve support issues via the issue tracker, please check out this explanation.

[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.}