blocks|key|902246|text|您还可以通过为use()指定一个额外的(第一个)参数来设置静态文件提供到web的路径，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|902247|app.use("/public",+express.static(__dirname+%2B+"/public"));
app.use("/public2",+express.static(__dirname+%2B+"/public2"));|code-block|syntax|javascript|902248|这样你就可以在网络上得到两个不同的目录来镜像你的本地目录，而不是两个本地目录之间故障转移的一个url路径。|902249|换句话说，URL模式：|902250|http://your.server.com/public/*|902251|提供本地目录public中的文件，同时：|902252|http://your.server.com/public2/*|902253|提供本地目录public2中的文件。|902254|顺便说一下，如果您不想让static从服务器的根目录提供文件，而是从一个更合格的路径提供文件，那么这也很有用。|902255|HTH|902256|entityMap^0|7|5|0|0|0|0|0|6|6|0|0|6|7|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|16|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|17|8|@]|D|@]|E|$]]|$1|O|3|P|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|Q|3|R|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@]|E|$]]|$1|S|3|T|5|H|7|1C|8|@]|D|@]|E|$I|J]]|$1|U|3|V|5|6|7|1D|8|@$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|W|3|X|5|6|7|1G|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|1H|8|@]|D|@]|E|$]]|$1|10|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|11|$]]

You can also set the path that static files will be served to the web from by specifying an additional (first) parameter to <code>use()</code> like so:

<pre><code>app.use("/public", express.static(__dirname + "/public"));
app.use("/public2", express.static(__dirname + "/public2"));
</code></pre>

That way you get two different directories on the web that mirror your local directories, not one url path that fails over between two local directories.

In other words the URL pattern:

<pre><code>http://your.server.com/public/*
</code></pre>

Serves files from the local directory <code>public</code> while:

<pre><code>http://your.server.com/public2/*
</code></pre>

Serves files from the local directory <code>public2</code>.

BTW this is also useful if you don't want static to serve the files from the root of your server but rather from a more qualified path.

HTH

blocks|key|685724|text|const+express+=+require('express');
const+path+=+require('path');
const+pagesPath+=+path.join(__dirname,+'/cheatsheet');
const+cssPath+=+path.join(__dirname,+'/stylesheet');
const+port+=+process.env.PORT+%7C%7C+3000;

var+app+=+express();

app.use("/cheatsheet"+,express.static(pagesPath));
app.use("/stylesheet",express.static(cssPath));+

app.get('/',(request,response)=>{
++++response.send('Hello+CSS!!!');
++});

app.get('/bad',(request,response)=>{
response.send({error:+'Bad+Request'});

});
app.listen(port,+()=>+{
console.log(`Server+is+running+on+Port+${port}`+);
console.log(__dirname);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|685725|})；|unstyled|685726|//+folder+structure
/cheatsheet/index.html
/stylesheet/style.css|685727|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>const express = require('express');
const path = require('path');
const pagesPath = path.join(__dirname, '/cheatsheet');
const cssPath = path.join(__dirname, '/stylesheet');
const port = process.env.PORT || 3000;

var app = express();

app.use("/cheatsheet" ,express.static(pagesPath));
app.use("/stylesheet",express.static(cssPath)); 

app.get('/',(request,response)=&gt;{
 response.send('Hello CSS!!!');
 });

app.get('/bad',(request,response)=&gt;{
response.send({error: 'Bad Request'});

});
app.listen(port, ()=&gt; {
console.log(`Server is running on Port ${port}` );
console.log(__dirname);
</code></pre>

});

<pre><code>// folder structure
/cheatsheet/index.html
/stylesheet/style.css
</code></pre>

blocks|key|902299|text|使用:dir而不是*|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|902300|例如|902301|this.app.use('/:microsite',+express.static(path.resolve(process.cwd(),+'client/')))|code-block|syntax|javascript|902302|entityMap^0|2|4|9|1|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

use <code>:dir</code> instead of <code>*</code>
eg
<pre><code>this.app.use('/:microsite', express.static(path.resolve(process.cwd(), 'client/')))
</code></pre>

blocks|key|685783|text|要在自定义中间件中使用express.static，请执行以下操作：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|685784|app.use(customMiddleware())|code-block|syntax|javascript|685785|哪里|685786|const+customMiddleware+=+function()+{
++++return+function(req,+res,+next)+{
++++++++//+do+some+dynamic+code
++++++++//+or
++++++++return+express.static(__dirname+%2B+"/public")(req,+res,+next);
++++}
}|685787|entityMap^0|B|E|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

To use <code>express.static</code> inside custom middleware:
<pre><code>app.use(customMiddleware())
</code></pre>
where
<pre><code>const customMiddleware = function() {
 return function(req, res, next) {
 // do some dynamic code
 // or
 return express.static(__dirname + &quot;/public&quot;)(req, res, next);
 }
}
</code></pre>

Is it possible? I would like to set up two different directories to serve static files. Let's say /public and /mnt

Setting up two different static directories in node.js Express framework

中间件

服务器

有可能吗？我想设置两个不同的目录来提供静态文件。比方说/public和/mnt

问在node.js Express框架中设置两个不同的静态目录
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在node.js Express框架中设置两个不同的静态目录EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在node.js Express框架中设置两个不同的静态目录
EN