Proxy in production React for fetch API express

Question

I was developping a app with React app. In developing env i was using proxy but I'm deploying the app and I saw that proxy didn't work in.

I read about http-proxy-middleware. It can be a solution or it don't works too?

Any way to do this without config the server with redirects to other port?

I need to continue fetching to my API server.

Jordi Castillo · Accepted Answer · 2019-08-28 07:58:39Z

1

The best way what I found without configure server and NGINX is follow this steps:

Build front
Move folder into a backend server.

Put that code after routes:

if (process.env.NODE_ENV === 'production') {
   app.use(express.static(`${__dirname}/yourFrontFolder/build`));
   app.get('*', (req, res) => {
    res.sendFile(`${__dirname}/yourFrontFolder/build/index.html`);
   })
   ...

And build your backend code and access to your backend port like frontend.

answered Aug 28, 2019 at 7:58

Jordi Castillo

1651 silver badge12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Greg · Accepted Answer · 2019-08-26 08:33:31Z

0

You don't usually need a proxy in your React app when it is deployed. To deploy, you usually run npm run build, which creates a build directory containing all the compiled JavaScript and HTML files you need for the deployment. These are then served by a web server, such as NGINX or by your backend application.

answered Aug 26, 2019 at 8:33

Greg

657 bronze badges

4 Comments

Jordi Castillo Over a year ago

I used proxy for petitions to an API

Greg Over a year ago

After deployment you would use a web server as a proxy to your API, that can also server your react app. With NGINX, for instance, you would have it serve your react app and have a special route as a proxy to your API, using the proxy_pass directive. See this link for more information: docs.nginx.com/nginx/admin-guide/web-server/reverse-proxy

Jordi Castillo Over a year ago

As i said I don't wanna configurate NGINX and server. Look at my answer!

Greg Over a year ago

You said you didn't want to configure your server with redirects, which my solution doesn't. Could you please state your question more precisely to allow people to help you more accurately in future?

Collectives™ on Stack Overflow

Proxy in production React for fetch API express

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related