NodeJs Express Server to Proxy and Host Static Content

Question

I am trying to create a nodejs server with expressjs that serves my static react content. How do I implement to say if you are a proxied path, proxy else return index.html. Current code is below:

const path = require('path');
const express = require('express');
const app = express();
const publicPath = path.join(__dirname, 'build');
var proxy = require('http-proxy-middleware');

app.use(express.static(publicPath));

app.use('/pcs', proxy('/pcs',
    {
      target: '<target>',
      changeOrigin: true,
      pathRewrite: {'^/pcs': ''},
      hostRewrite: 'localhost:3000',
      protocolRewrite: 'http'
    }));

app.get('*', (req, res) => {
  res.sendFile(path.join(publicPath, 'index.html'));
});

app.listen(3000, () => {
  console.log('Server is up!');
});

just a side note: you are much better off doing this with a web server instead of node.js and express — Tuan Anh Tran
– Tuan Anh Tran, Commented Aug 16, 2019 at 2:50
@TuanAnhTran by web server do you mean something like an nginx reverse proxy? — Chris
– Chris, Commented Aug 16, 2019 at 2:53

Nick Gagne · Accepted Answer · 2019-08-16 02:07:26Z

1

You'll want to use a pattern for matching the proxy path, otherwise it will only match the exact "/pcs" path. Here is a pattern to match any route starting with "/pcs/" (in addition to just "/pcs"):

app.use('/pcs/?*', proxy('/pcs', 
  {
    target: '<target>',
    changeOrigin: true,
    pathRewrite: {'^/pcs': ''},
    hostRewrite: 'localhost:3000',
    protocolRewrite: 'http'
  }));

answered Aug 16, 2019 at 2:07

Nick Gagne

1307 bronze badges

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

2 Comments

Chris Over a year ago

Thanks for the reply, even with that change calls to /pcs/* are still returning the static content and not the expected content from the target server.

Nick Gagne Over a year ago

This is working correctly for me locally. What URL are you testing with, which is not being sent to the proxy?

Collectives™ on Stack Overflow

NodeJs Express Server to Proxy and Host Static Content

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related