How to proxy particular host using http-proxy-middleware?

Question

I am using http-proxy-middleware to proxy hosts in my React project.

Below is the code from setupProxy.js file:

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

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

As you can see I added two proxy codes. For the logout, I want to use a different host. /api is working fine, but the /api/user/logout is not working.

Thanks in advance.

italant · Accepted Answer · 2021-09-08 09:55:42Z

1

Because when the request goes to '/api/user/logout'. app.use('/api') finds '/api' in the url and it fits the condition of the first app.use

You need to use regExp

app.use(/\/api\/?$/, createProxyMiddleware())

edited Sep 8, 2021 at 9:55

answered Sep 7, 2021 at 9:45

italant

3052 silver badges12 bronze badges

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

1 Comment

italant Over a year ago

codesandbox.io/s/exciting-alex-e8rg8?file=/src/index.js

Collectives™ on Stack Overflow

How to proxy particular host using http-proxy-middleware?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related