how to set proxy by request hostname with http-proxy-middleware and express?

Question

I want to configure proxy with http-proxy-middleware and express . The rule is a mapping of hostname, exmaple:

http://123.com   >>  http://localhost:3000/123
http://456.com   >>  http://localhost:3000/abc

I have tried like this:

import express from 'express';
import http from 'http';
import proxy from 'http-proxy-middleware';

const app = express();

app.use( async function (req, res) {  
  let direction = 'http://localhost:3000';
  console.log('hostname: ', req.hostname);
  console.log('originalUrl: ', req.originalUrl);
  if (req.hostname == '123.com') {
    direction = `http://localhost:3000/123${req.originalUrl}`;
  }
  if (req.hostname == '456.com') {
    direction = `http://localhost:3000/abc${req.originalUrl}`;
  }

  return await proxy({ target: direction, changeOrigin: false })
});

const server = http.createServer(app);
app.set('port', '127.0.0.1');
server.listen(9999, '0.0.0.0');

but it doesn't work.

Trent · Accepted Answer · 2020-08-20 22:11:16Z

9

There's a couple of things you need to consider:

The http-proxy-middleware module does not return a promise, instead it returns an express middleware.
You can use a custom filter to decide whether or not to proxy the request.
You need to add the pathRewrite options in order to rewrite the url according to the current hostname.
Another option would be to use the router option. See the relevant documentation.

I wrote a quick express app to test this (note that i overwrote my hosts file with localwebapp and localwebapp2 pointing to 127.0.0.1) and it seems to work fine:

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

const app = express();
const filter = (pathname, req) => {
    if (req.hostname == 'localwebapp' || req.hostname == 'localwebapp2') {
        return true;
    }
    return false;
};

app.get('/123*', (req, res) => {
    res.send(`matched 123* route: ${req.path}`);
})

app.get('/abc*', (req, res) => {
    res.send(`matched abc* route: ${req.path}`);
})

app.get('/test', (req, res) => {
    res.send("matched non proxied route '/test'");
})

const apiProxy = proxy(filter, {
    target: 'http://localhost:3000',
    logLevel: 'debug',
    changeOrigin: true,
    pathRewrite: function (path, req) {
        if (req.hostname == 'localwebapp') {
            return `/123${req.originalUrl}`;
        }
        if (req.hostname == 'localwebapp2') {
            return `/abc${req.originalUrl}`;
        }
        return path;
    }
})
app.use(apiProxy)
app.listen(3000);

edited Aug 20, 2020 at 22:11

Trent

4,3185 gold badges27 silver badges46 bronze badges

answered Mar 26, 2019 at 13:56

eol

24.7k6 gold badges53 silver badges72 bronze badges

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

1 Comment

Rife Over a year ago

how to change Referer header?

Collectives™ on Stack Overflow

how to set proxy by request hostname with http-proxy-middleware and express?

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