Create-React-App Proxy in Production Build

reactjs express proxy create-react-app
X88B88 picture X88B88 · Aug 28, 2017 · Viewed 17.6k times · Source

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.

Answer

Gavin Gilmour picture Gavin Gilmour · Oct 16, 2017

The proxy feature isn't meant for production.

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

Related questions

ERROR in Cannot find module 'babel-core'. using react.js, webpack, and express server

Whenever I run webpack in the terminal I get: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Here is my webpack.config.js file module.exports = { entry: './app-client.js', …

Read More
Setting authorization header in Fetch API

I have a Node/Express backend and I'm consuming the API with a React Client. I want to be able to set the authorization header after a user is signed up. This ensures that subsequent requests are sent with the …

Read More
Service Worker registration error: Unsupported MIME type ('text/html')

I'm using create-react-app with an express server. create-react-app has a pre-configured ServiceWorker that caches local assets (https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#making-a-progressive-web-app). The problem I encountered when I tried to publish on my …

Read More