Localhost refuses to connect when I make setupProxy.js

Question

I made my setupProxy.js to deal with a CORS issue:

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

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

After I made it and run 'npm start' again, my browser says that localhost refuses to connect. If I delete setupProxy.js, I can connect to localhost, but the CORS policy blocks to connect with backend server.

Do you have any idea to connect to frontend, still using the setupProxy.js?

do you want to use the front end & backend on the same port? — Gulshan Aggarwal, Jan 13 '22 at 07:33

score 2 · Answer 1 · answered Apr 08 '22 at 02:35

2

You can try this: createProxyMiddleware

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

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

https://stackoverflow.com/a/60354374/11652543

answered Apr 08 '22 at 02:35

Panu

21
3

This worked for me. New version must have changed how it's used. – Math is Hard Oct 14 '22 at 17:30

score 0 · Answer 2 · answered Jul 07 '22 at 08:44

0

See that you have spelled the name of setupProxy.js well that solved the problem for me. If that does not work. Copy and pase the fb's code the way it is into the setupProxy.js Code can be found here

answered Jul 07 '22 at 08:44

samuelmayna

19
6

score 0 · Answer 3 · answered Jun 14 '23 at 21:17

0

I had the same issue.

For me the problem was that I added "type": "module" in my package.json which seems to be unsupported.

answered Jun 14 '23 at 21:17

user1119279

331
3
9

Localhost refuses to connect when I make setupProxy.js

3 Answers3