Error React Proxy error: Could not proxy request

Question

Why do I got this error:

Proxy error: Could not proxy request /api/v1/management/me from localhost:3000 to http://localhost:8080 (ECONNREFUSED).

Got this axios setting:

axios.defaults.baseURL = "http://localhost:3000/";

And set this in package.json:

"proxy": "http://localhost:8080"

tried also:

"proxy": "http://localhost:8080/"

And have following call:

axios({
  method: "get",
  url: "api/v1/management/me",
  data: {},
  headers: { crossDomain: true },
})

When I call directly http://localhost:8080/api/v1/management/me I got response from server.

I have following backend, Vapor route setting. Maybe something wrong / specific here?

let protectedAPIRouter = authSessionRouter.grouped("api/v1").grouped(User.guardAuthMiddleware())
let managementAPIRouter = protectedAPIRouter.grouped("management")

Assuming your server is running what happens if you add in a closing /: "proxy": "http://localhost:8080/"? — Andy
– Andy, Commented Mar 2, 2022 at 1:01
None of this hint helped: stackoverflow.com/questions/45367298/… — János
– János, Commented Mar 2, 2022 at 1:17

Mukhriddin Shakhriyorov · Accepted Answer · 2022-03-02 05:03:02Z

3

I would suggest the following solutions:

Try to change localhost to IP address: "proxy": "http://your_IP_address:8080"
Try this construction also:

"proxy": {
    "/api/*":  {
      "target": "http://localhost:8080",
      "secure": false
    }
  }

answered Mar 2, 2022 at 5:03

Mukhriddin Shakhriyorov

4085 silver badges15 bronze badges

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

1 Comment

Nelson Garcia Over a year ago

I had the same problem and it worked after setting 127.0.0.0 instead of localhost

Yunnosch · Accepted Answer · 2022-12-28 12:07:42Z

2

I solved this issue change localhost to 127.0.0.1 in the package.json over the client project.

edited Dec 28, 2022 at 12:07

Yunnosch

26.8k9 gold badges46 silver badges66 bronze badges

answered Dec 28, 2022 at 11:41

Buscatrufas

417 bronze badges

Comments

Kifanga Mukundi · Accepted Answer · 2022-08-26 17:24:04Z

0

You need to set up a proxy to the backend service you want to access.

First install (http-proxy-middleware) package.
Remove the ("proxy": "http://localhost:8080/") or the Url behind the proxy in the package json file.
In the src folder create a file (setupProxy.js) and and the following code.

const { createProxyMiddleware } = require('http-proxy-middleware');

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

answered Aug 26, 2022 at 17:24

Kifanga Mukundi

12 bronze badges

Collectives™ on Stack Overflow

Error React Proxy error: Could not proxy request

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related