使用Express在动态路由上服务静态文件

69

我想像通常那样处理静态文件，express.static(static_path)但像通常那样处理动态路由

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

其中一位开发人员在此评论中提出了解决方案，但我不清楚他的意思。

node.js express

— 韦伦·弗林
source

3

你有没有尝试使用，而不是GET：app.use（ '/富'，express.static（__目录名称+ '/ yourstaticdir'））

— Markis

1

我实际上希望它使用动态匹配的url，例如/ users /：id

— Waylon Flinn 2012年

1

查看Sencha Lab的连接框架（Express是在其之上构建的），并查看其static中间件。滚动到中间件页面底部，然后将源代码复制并粘贴到您的路由中。希望从那里开始，您可以使其适应static中间件的工作方式，以提供静态文件。否则，只需使用fs.readFile。

— Sal Rahman 2012年

108

好的。我在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选项。

— 韦伦·弗林
source

10

您无法使用，'../dir/' + file因为express认为这是恶意的用户输入（非常好）。而是使用以下命令来发送相对于某个目录的文件： response.sendfile(file, {root: './dir/'})

— Blented 2013年

但是在这种情况下，如何呈现特定页面并传递页面参数res.render(page, pageParameters)呢？

— loretoparisi

15

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

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

尽管这不是您的情况，但它可能会对到达这里的其他人有所帮助。

— 田杰夫
source

4

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

— bigp

7

您可以使用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);
});

— 前锤
source

3

这应该工作：

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

— 弗林登
source

这终于是我的问题的答案。这让我感到奇怪，为什么我只有一个标准的app.use(express.static('./public'));中间件，为什么我们还需要app.use('/viewVob/:id', express.static('./public'));为所有参数化路由也有另一个中间件？

— 马修·沃尔曼