Package.json proxy alternative to React SSR production app

Question

So I would like to find a way how to implement this part of package.json to my server.js which is responsible for my React App server side rendering.

"proxy": {
    "/api/*": {
      "target": "http://localhost:3501"
    },
    "/media/*": {
      "target": "http://localhost:3501"
    }
  },

I have looked into some of the libraries like express-http-proxy and http-proxy-middleware but I cannot find a working solution.

Last I tried:

import proxy from 'express-http-proxy';
...

app.use('/api', proxy('http://localhost:3501/api/*'));

app.use('/media', proxy('http://localhost:3501/media/*'));

It logs 404 and the path is basically right, just without "/api/" should be "/api/posts/" but logs only "/posts/".

Why do you need the proxy? Maybe there is a workaround so that you don't have to use one. Is it a MERN stack? — c-chavez
– c-chavez, Commented Sep 12, 2018 at 16:23

Ivalo Pajumets · Accepted Answer · 2018-09-19 07:27:31Z

3

Use http-proxy-middleware

It is just as simple as that. Replace your current code with this:

import proxy from 'http-proxy-middleware';

...

app.use('/media/*', proxy({target: 'http://localhost:3500', changeOrigin: true}));

answered Sep 19, 2018 at 7:27

Ivalo Pajumets

4496 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Package.json proxy alternative to React SSR production app

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related