Require http:// or https:// at front of proxy URL

Description

I’m having trouble with getting the proxy feature to work. I’m not sure if it’s because my API requires HTTP basic authentication. This is my code:

// package.json
{
  // ...
  "proxy": "http://localhost:4000"
}

fetch('/users', {
  headers: {
    'accept': 'application/json',
    'authorization': 'Basic ' + btoa(process.env.REACT_APP_USERNAME + ':' + process.env.REACT_APP_PASSWORD),
    'content-type': 'application/vnd.api+json',
  },
});

Expected behavior

I expected it to work, the headers are correct because http://localhost:4000/users works fine. I don’t have CORS issues because I set my API to accept any origin in development, but I still want to achieve this via the proxy feature.

Actual behavior

I get this error:

Proxy error: Could not proxy request /meetings from localhost:3000 to http://localhost:9292.
See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).

Environment

1. npm ls react-scripts: react-scripts@0.6.1
2. node -v: v6.3.0
3. npm -v: 3.10.3
4. Operating system: macOS Sierra (10.12)
5. Browser and version: Chrome 53.0.2785.116

Reproducible Demo

silvenon/demo-cra-basic-auth

[malone5]

@silvenon I am having the same exact issue you are having, so you are not alone. Will report back if I come to a solution.

[jdrzejb]

Hi, I just wanted to post a solution that worked for me. Maybe it will save someone few hours. I am developing PHP backend (Silex). After starting server and CRA app I always got ECONNREFUSED when using built-in proxy.

Command I used to start my server before: php -S localhost:8899 -t web

After some research I found out that this could be solved with changing localhost to 0.0.0.0: php -S 0.0.0.0:8899 -t web