Proxy not working when running ng serve

[mackelito]

OS?

Mac OSX (Sierra)

Versions.

@angular/cli: 1.0.0-beta.31
node --version v6.9.1

Repro steps.

Need to run a proxy so I added --proxy-config proxy.conf.json in package.json
This works if I run npm start but then I cant access the site from my mobile on the same network.
If I run ng serve then I can use my mobile to test the site but the proxy stopps working.. ?

[martinmcwhorter]

Did you try

ng serve --proxy-conf proxy.conf.json

?

[mackelito]

It starts but I´m not able to navigate to 192.168.1.207:4200
(http://localhost:4200/ works on the laptop)

[mackelito]

I was kind of hoping that adding something like "start": "ng serve --proxy-config proxy.conf.json", to package.json would solve it for me but nope.. :(

[Meligy]

Try using the --host flag with ng serve.

Like ng serve --proxy-conf proxy.conf.json --host 192.168.1.207
Or even ng serve --proxy-conf proxy.conf.json --host 0.0.0.0

It can also be stored in angular-cli.json under defaults:

{
  ...
  "defaults": {
    ...
    "serve": {
      ...
      "host": "192.168.1.207"
    },
    ...
  }
  ...
}

[mackelito]

Worked like a charm!.. thx! :)

[mackelito]

Spoke to soon...
adding this to make it default didnt work :/

"serve": { "host": "0.0.0.0", "proxy-conf": "proxy.conf.json" },

But it works if I run it in the terminal
ng serve --proxy-conf proxy.conf.json --host 0.0.0.0

It starts but proxy is not working..

[Meligy]

I think to do 0.0.0.0 and to accept incoming connections from other laptops you need either a firewall rule or the process needs to run as admin. This is at least in Windows. Not sure if this is the specific problem or not.

[filipesilva]

We don't support having the proxy-conf setting in the CLI json currently, only port/host/ssl/sslKey/sslCert. That is why it doesn't work when you put it there.

I'll accept it as a feature request if someone wants to take it on. Otherwise this is a consideration for 2.0 (having everything customizable in the config file).

[hantsy]

@mackelito I added similar command line(ng serve --host 0.0.0.0 --port 4300 --proxy-config proxy.conf.json) in package.json, and follow the Proxy to backend wiki page to create a proxy.conf.json in the same folder with package.json, but it still does not work.

I am using Windows 10, I am not sure if this is a system specific problem. When I used ng eject to export webpack.config.json and configure the proxy in the devServer section, it still get the same errors in cmd console.

[HPM] GET /api/upload/uploads-1490782788752.png -> http://localhost:3000
[HPM] Error occurred while trying to proxy request /api/upload/uploads-1490782788752.png from localhost:4300 to http://localhost:3000 (ECONNRESET) (https://nodejs.org/api/errors.html#errors_common_system_errors)

[hantsy]

I have added my detailed development environment in issue ##889 (comment)