使用 Express 在动态路由上提供静态文件答案

【问题标题】：Serve Static Files on a Dynamic Route using Express使用 Express 在动态路由上提供静态文件
【发布时间】：2012-07-19 03:07:11
【问题描述】：

我想像express.static(static_path) 一样提供静态文件，但在动态文件上路由通常使用

app.get('/my/dynamic/:route', function(req, res){
    // serve stuff here
});

其中一位开发人员在comment 中暗示了一个解决方案，但我并不清楚他的意思。

【问题讨论】：

你是否尝试过使用 use 而不是 get: app.use('/foo',express.static(__dirname+'/yourstaticdir'))
我实际上希望它使用动态匹配的 url，例如 /users/:id
查看 Sencha Lab 的连接框架（Express 建立在其之上），并查看其static 中间件。滚动到中间件页面的底部，然后将源代码复制并粘贴到您的路线中。希望从那里，您可以调整它以提供静态文件，例如 static 中间件的工作方式。否则，只需使用fs.readFile。

标签： node.js express

【解决方案1】：

好的。我在 Express'response object 的源代码中找到了一个示例。这是该示例的略微修改版本。

app.get('/user/:uid/files/*', function(req, res){
    var uid = req.params.uid,
        path = req.params[0] ? req.params[0] : 'index.html';
    res.sendFile(path, {root: './public'});
});

它使用res.sendFile 方法。

注意：对sendFile 的安全更改需要使用root 选项。

【讨论】：

您不能使用'../dir/' + file，因为 express 认为这是恶意用户输入（这很好）。而不是发送相对于某个目录的文件使用：response.sendfile(file, {root: './dir/'})
但是在这种情况下如何渲染特定页面并传递页面参数，如res.render(page, pageParameters)？

【解决方案2】：

我使用下面的代码来提供不同 url 请求的相同静态文件：

server.use(express.static(__dirname + '/client/www'));
server.use('/en', express.static(__dirname + '/client/www'));
server.use('/zh', express.static(__dirname + '/client/www'));

虽然这不是你的情况，但它可能会帮助到这里的其他人。

【讨论】：

这个答案在哪里适合 URL 参数的“动态”部分？我看不出这如何帮助他从/user/:uid 等路由提供静态文件（注意 :uid 之前的冒号）

【解决方案3】：

您可以使用res.sendfile，或者您仍然可以使用express.static：

const path = require('path');
const express = require('express');
const app = express();

// Dynamic path, but only match asset at specific segment.
app.use('/website/:foo/:bar/:asset', (req, res, next) => {
  req.url = req.params.asset; // <-- programmatically update url yourself
  express.static(__dirname + '/static')(req, res, next);
});         

// Or just the asset.
app.use('/website/*', (req, res, next) => {
  req.url = path.basename(req.originalUrl);
  express.static(__dirname + '/static')(req, res, next);
});

【讨论】：

正是我想要的，谢谢！

【解决方案4】：

这应该可行：

app.use('/my/dynamic/:route', express.static('/static'));
app.get('/my/dynamic/:route', function(req, res){
    // serve stuff here
});

文档指出带有app.use() 的动态路由有效。见https://expressjs.com/en/guide/routing.html

【讨论】：

这终于解决了我的问题。这让我想知道为什么如果我只有一个标准的 app.use(express.static('./public')); 中间件，为什么我们还需要为所有参数化路由设置另一个 app.use('/viewVob/:id', express.static('./public')); 中间件？