Proxy issue on calling express server from react server

Question

Hey guys i was just working out on Proxy for calling nodejs server from react server, so after adding "proxy": "http://localhost:5000/"

to my package.json file in react i was able to redirect to localhost:5000 (which is running my node server) but it seems that Proxy only works with fetch and axios as

 axios.get("/api/currentuser")

redirects me to localhost:5000 but then when i try this on anchor tag like

<li><a href="/auth/google">Login with google</a></li>

it doesn't takes me to localhost:5000 so is there any way that sometimes working with tag if i need to stay at localhost:3000i should be there and whenever i need i can go to localhost:5000 ??? cause not for all anchor tag i need to redirect to localhost:5000

Marcos Luis Delgado · Accepted Answer · 2019-09-10 20:25:42Z

1

According to this post and react documentation you can use the file setupProxy.js to redirect requests based on certain criteria to a proxy and it also seems to work for href property.

You would have to adapt the example code:

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
  app.use('/api', proxy({
    target: 'http://localhost:5000',
    changeOrigin: true,
  }));
};

to your requirements. You can use pattern matching on the api paths, so it should not be a problem. Hope this helps! :)

answered Sep 10, 2019 at 20:25

Marcos Luis Delgado

1,4498 silver badges11 bronze badges

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

2 Comments

RRR uzumaki Over a year ago

and what if i need to make this work on production level ??

Marcos Luis Delgado Over a year ago

Probably the best option is using a real proxy from which you serve the bundled code to redirect your requests just like you are doing in development mode

Collectives™ on Stack Overflow

Proxy issue on calling express server from react server

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related