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 `/`](https://stackoverflow.com/questions/45367298/could-not-proxy-request-pusher-auth-from-localhost3000-to-http-localhost500): `"proxy": "http://localhost:8080/"`? — Andy, Mar 02 '22 at 01:01
None of this hint helped: https://stackoverflow.com/questions/45367298/could-not-proxy-request-pusher-auth-from-localhost3000-to-http-localhost500 — János, Mar 02 '22 at 01:17

score 2 · Answer 1 · answered Mar 02 '22 at 05:03

2

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 02 '22 at 05:03

Mukhriddin Shakhriyorov

316
2
10

1

I had the same problem and it worked after setting 127.0.0.0 instead of localhost – Nelson Garcia Jun 19 '22 at 15:23

score 1 · Answer 2 · edited Dec 28 '22 at 12:07

1

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

edited Dec 28 '22 at 12:07

Yunnosch

26,130
9
42
54

answered Dec 28 '22 at 11:41

Buscatrufas

31
7

score 0 · Answer 3 · answered Aug 26 '22 at 17:24

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,
    })
  );
};

Error React Proxy error: Could not proxy request

3 Answers3