blocks|key|3781429|text|一个快速的解决方案是将.html附加到没有句点的请求中，并且公共目录中存在对应的HTML文件：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3781430|var+fs++++++++=+require('fs');
var+publicdir+=+__dirname+%2B+'/public';

app.use(function(req,+res,+next)+{
++if+(req.path.indexOf('.')+===+-1)+{
++++var+file+=+publicdir+%2B+req.path+%2B+'.html';
++++fs.exists(file,+function(exists)+{
++++++if+(exists)
++++++++req.url+%2B=+'.html';
++++++next();
++++});
++}
++else
++++next();
});
app.use(express.static(publicdir));|code-block|syntax|javascript|3781431|entityMap^0|B|5|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

A quick'n'dirty solution is to attach <code>.html</code> to requests that don't have a period in them and for which an HTML-file exists in the public directory:

<pre><code>var fs = require('fs');
var publicdir = __dirname + '/public';

app.use(function(req, res, next) {
 if (req.path.indexOf('.') === -1) {
 var file = publicdir + req.path + '.html';
 fs.exists(file, function(exists) {
 if (exists)
 req.url += '.html';
 next();
 });
 }
 else
 next();
});
app.use(express.static(publicdir));
</code></pre>

blocks|key|1657483|text|虽然Robert的答案更优雅，但还有另一种方法可以做到这一点。为了完整起见，我添加了这个答案。要提供不带扩展名的静态文件，您可以创建一个带有要提供服务的路由名称的文件夹，然后在其中创建一个index.html文件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1657484|以我自己的例子为例，如果我想在/hello为hello.html服务。我将创建一个名为hello的目录，并在其中放置一个index.html文件。现在，当调用'/hello‘时，express将自动为该文件提供服务，而不带扩展名。|1657485|这是显而易见的，因为所有的web框架都支持它，但我当时错过了它。|1657486|entityMap^0|2M|A|0|F|6|M|A|17|5|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]|$9|T|A|U|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|V|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|K|$]]

While Robert's answer is more elegant there is another way to do this. I am adding this answer just for the sake of completeness. To serve static files without extension you can create a folder with the name of the route you want to serve against and then create an <code>index.html</code> file in it. 

Taking my own example if I wanted to serve <code>hello.html</code> at <code>/hello</code>. I would create a directory called <code>hello</code> and put an index.html file in it. Now when '/hello' is called express will automatically serve this file without the extension. 

Kind of obvious as this is supported by all web frameworks but I missed it back then.

blocks|key|1653646|text|您可以只在express.static方法中使用扩展选项。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1653647|app.use(express.static(path.join(__dirname,+'public'),{index:false,extensions:['html']}));|code-block|syntax|javascript|1653648|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you can just use extension option in express.static method . 

<pre><code>app.use(express.static(path.join(__dirname, 'public'),{index:false,extensions:['html']}));
</code></pre>

blocks|key|1653653|text|如果你想像我一样做相反的事情(将名为"helloworld“的html文件作为html提供服务)，这是我使用的中间件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1653654|var+express+=+require('express');
var+app+=+express();

app.use(function(req,+res,+next)+{
++if+(req.path.indexOf('.')+===+-1)+{
++++res.setHeader('Content-Type',+'text/html');
++}
++next();
});

app.use('/',+express.static(__dirname+%2B+'/public'));

app.listen(8080,+function+()+{
++console.log('App+listening+on+port+8080!');
})|code-block|syntax|javascript|1653655|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you want to go the reverse way like I did(serving an html file called "helloworld" as html) this is the middleware I used.

<pre><code>var express = require('express');
var app = express();

app.use(function(req, res, next) {
 if (req.path.indexOf('.') === -1) {
 res.setHeader('Content-Type', 'text/html');
 }
 next();
});

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

app.listen(8080, function () {
 console.log('App listening on port 8080!');
})
</code></pre>

blocks|key|1657537|text|这一行可以路由公共文件夹中的所有html文件扩展名。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1657538|app.use(express.static('public',{extensions:['html']}));|code-block|syntax|javascript|1657539|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This single line can route all the html file extension in the public folder.
<pre><code>app.use(express.static('public',{extensions:['html']}));
</code></pre>

I would like to serve an html file without specifying it's extension. Is there any way I can do this without defining a route? For instance instead of 

<pre><code> /helloworld.html
</code></pre>

I would like to do just 

<pre><code> /helloworld
</code></pre>

Any way to serve static html files from express without the extension?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想提供一个html文件而不指定它的扩展名。有没有什么方法可以在不定义路由的情况下做到这一点？例如，它不是 /helloworld.html我想做的就是 /helloworld

问有没有办法在不带扩展名的情况下从express中提供静态html文件？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问有没有办法在不带扩展名的情况下从express中提供静态html文件？EN