Create-React-App Proxy in Production Build

Question

I'm using create-react-app with an express backend. I have the backend running on port 3001, and the frontend runs through port 3000 when in dev mode. I have "proxy": "http://localhost:3001" in my package.json and the api works perfectly.

When I use yarn build, however, and then run serve -s build, the api calls are simply not being made. I'm not sure why it doesn't work in production, when it does in dev.

Any help would be much appreciated.

score 28 · Answer 1 · answered Oct 16 '17 at 13:39

28

The proxy feature isn't meant for production.

This might help further explain: https://github.com/facebookincubator/create-react-app/issues/1087#issuecomment-262611096

answered Oct 16 '17 at 13:39

Gavin Gilmour

6,833
4
40
44

20

Then what is the work around in production ? – darth vader Jul 12 '21 at 23:09
2

@darth vader I would suggest using [Nginx](https://www.nginx.com/) as I believe it is the common practice among production envs. – yaputra jordi Feb 17 '22 at 03:22
Yes I found Nginx is good in serving static files which do serve the purpose. – darth vader Feb 17 '22 at 19:31

Create-React-App Proxy in Production Build

1 Answers1

Linked