Proxy error from backend api to front end react app

Question

I keep getting this error, I have used node & express at the back end and react at the front end

'Proxy error: Could not proxy request /api/profile from localhost:3000 to http://localhost:4321/. [1] See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).'

hithaaaa · Accepted Answer · 2023-06-30 06:39:14Z

1

In my node server, I added res.header('Access-Control-Allow-Origin', '*'); in my app.use function. My function finally looks like this:

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', '*');
  next();
});

I didn't mess around with the package.json file.

answered Jun 30, 2023 at 6:39

hithaaaa

212 bronze badges

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

Comments

Jorge Villarreal · Accepted Answer · 2019-10-22 05:32:21Z

0

Did you add a proxy inside the react package.json? This error usually happens when you dont add the proxy.

answered Oct 22, 2019 at 5:32

Jorge Villarreal

11 silver badge1 bronze badge

Welcome to SO, please also show how he should do it by providing some example in your answer.

kob003 · Accepted Answer · 2023-02-04 06:56:10Z

0

your proxy's port should be the same as that of your backend server's listening port.

for e.g in your case set the listening port of you backend sever to 4321.

answered Feb 4, 2023 at 6:56

kob003

3,8972 gold badges19 silver badges27 bronze badges