node js express route all paths

Question

I am using express. I like to create a route that navigates all requests of type "get" with url prefix '/app/static/*pagePath' to "/assets/app/static/pagePath". I am trying to do the following, but is doesn't work.

app.get('/app/static/*path', function (req, res) {
    res.sendfile('assets/app/static/' + req.params.path);
});

Any idea?

Answer 1

Just use a middleware with a prefix and some short-circuit logic:

app.use('/app/static', function (req, res, next) {
  if (req.method !== 'get') {
    next();
    return;
  }
  res.sendFile(__dirname + '/assets' + req.path);
});

(this is untested so might not be 100% ready to go, but you get the idea)

Actually, looking again at your question, are you sure this can't be handled by the express.static middleware just given the proper root directory?

app.use('/app/static', express.static(__dirname + '/assets'));

Answer 2

If you want to include subdirectories, you can do it using a regex; this regex will match any directory/file structure under /app/static/

app.get(/^\/app\/static\/(.*)/, function (req, res) {
    console.log('assets/app/static/' + req.params[0]);
    res.sendfile('assets/app/static/' + req.params[0]);
});

As to your question about multiple static directories, yes, you can. Just app.use both;

app.use("/static", express.static(__dirname + "/assets"));
app.use("/static", express.static(__dirname + "/alternate_assets"));

The file will be served from the first directory where it's found (searching /assets first, then /alternate_assets ), but to make things less confusing, you may want to avoid having the same file name in both directories.

Answer 3

None of the other answers had worked for me in the past because they were missing two small details:

• app.use calls to define static directories should be async (eg wrapped in a function), or they will try to execute before the websocket has finished establishing its connection (in my opinion, this is an issue with Connect -- the framework which Express is built on top of; I should be able to just start writing my code at the top of the file).

• These definitions need to happen before you send the HTML file that would have references to the URL, within that (async) function body.

Like this:

app.get('/', function (req, res) { 
  app.use('/static', express.static(__dirname + '/static'));
  res.sendfile(__dirname + '/index.html'); 
});

And then you can include them in directly in your HTML (or SVG, etc.) like this:

• <link rel="stylesheet" href="static/index.css">

• <image x="0" y="0" xlink:href="static/picture.svg" />

• etc.

Answer 4

GET /app/static/foo/bar/buz ---> req.path === /app/static/foo/bar/buz so:

app.get('/app/static/:path*', function (req, res) {
    res.sendfile('assets' + req.path);
});