Adding documentation for using multiple proxies

[jbranchaud]

I noticed in issue #1780 that there was discussion around support for declaring multiple proxies in development. It looks like this was implemented in #1790 and included as part of react-scripts 1.0.0 (#2172).

I'd like to add documentation to the README for this feature, but I'm having trouble figuring out the exact semantics of it. I'm going to continue to investigate how it works. Any pointers in the right direction would be much appreciated.

[jbranchaud]

The standard way to proxy a single API is with the string syntax:

// package.json
"proxy": "http://pokeapi.co",

My understanding is that create-react-app (via webpackDevServer) should be able to setup an equivalent proxy using the following syntax:

// package.json
"proxy": {
  "/api": { "target": "http://pokeapi.co" }
},

Unfortunately, I am not able to produce equivalent results. When using the latter syntax, the requests to that API do not get proxied. Instead, they are sent to localhost:3000 from which CRA is being served.

[stale]

This issue has been automatically marked as stale because it has not had any recent activity. It will be closed in 7 days if no further activity occurs.

[aeciolevy]

@jbranchaud is It working? I tried to use in react-scripts 2.0.4 but it did not work.

[crobinson42]

+1 bump

react-scripts@2.1 is throwing this and exiting:

When specified, "proxy" in package.json must be a string.
Instead, the type of "proxy" was "object".
Either remove "proxy" from package.json, or make it a string.

[Timer]

Please see https://facebook.github.io/create-react-app/docs/proxying-api-requests-in-development#configuring-the-proxy-manually