我想运行一个非常简单的HTTP服务器。对example.com的每个GET请求都应该得到index.html，但作为一个常规的HTML页面(即，与阅读普通网页时的体验相同)。
使用下面的代码，我可以读取index.html的内容。我如何服务index.html作为一个普通的网页?
var http = require('http');
var fs = require('fs');
var index = fs.readFileSync('index.html');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end(index);
}).listen(9615);
下面的一个建议很复杂，需要我为我想使用的每个资源(CSS、JavaScript、图像)文件写一个get行。
我如何能提供一个单一的HTML页面与一些图像，CSS和JavaScript?
当前回答
我在npm上发现了一个有趣的库，可能对你有用。它叫做mime(npm install mime或https://github.com/broofa/node-mime)，它可以确定文件的mime类型。下面是我用它写的一个web服务器的例子:
var mime = require("mime"),http = require("http"),fs = require("fs");
http.createServer(function (req, resp) {
path = unescape(__dirname + req.url)
var code = 200
if(fs.existsSync(path)) {
if(fs.lstatSync(path).isDirectory()) {
if(fs.existsSync(path+"index.html")) {
path += "index.html"
} else {
code = 403
resp.writeHead(code, {"Content-Type": "text/plain"});
resp.end(code+" "+http.STATUS_CODES[code]+" "+req.url);
}
}
resp.writeHead(code, {"Content-Type": mime.lookup(path)})
fs.readFile(path, function (e, r) {
resp.end(r);
})
} else {
code = 404
resp.writeHead(code, {"Content-Type":"text/plain"});
resp.end(code+" "+http.STATUS_CODES[code]+" "+req.url);
}
console.log("GET "+code+" "+http.STATUS_CODES[code]+" "+req.url)
}).listen(9000,"localhost");
console.log("Listening at http://localhost:9000")
这将服务于任何常规的文本或图像文件(.html， .css， .js， .pdf， .jpg， .png， .m4a和.mp3是我测试过的扩展名，但理论上它应该适用于所有文件)
开发人员指出
下面是我用它得到的输出示例:
Listening at http://localhost:9000
GET 200 OK /cloud
GET 404 Not Found /cloud/favicon.ico
GET 200 OK /cloud/icon.png
GET 200 OK /
GET 200 OK /501.png
GET 200 OK /cloud/manifest.json
GET 200 OK /config.log
GET 200 OK /export1.png
GET 200 OK /Chrome3DGlasses.pdf
GET 200 OK /cloud
GET 200 OK /-1
GET 200 OK /Delta-Vs_for_inner_Solar_System.svg
注意路径构造中的unescape函数。这是为了允许包含空格和编码字符的文件名。
其他回答
编辑:
Node.js示例应用Node Chat拥有你想要的功能。 在它的readme。textfile中 3.步伐就是你要找的。
step1 创建一个在端口8002上响应hello world的服务器 步骤2 创建一个index.html并服务它 步骤3 介绍util.js 更改逻辑，以便为任何静态文件提供服务 如果找不到文件，显示404 第四 添加jquery-1.4.2.js 添加client.js 将index.html更改为提示用户昵称
这是server.js
这是util.js
Local-web-server绝对值得一看!以下是自述的节选:
本地web服务器
一个精简的、模块化的web服务器，用于快速的全栈开发。
支持HTTP、HTTPS和HTTP2。 体积小，100%个性化。只加载和使用项目所需的行为。 附加一个自定义视图以个性化活动的可视化方式。 编程和命令行接口。
使用此工具:
构建任何类型的前端web应用程序(静态，动态，单页应用程序，渐进式web应用程序，React等)。 原型后端服务(REST API，微服务，websocket，服务器发送事件服务等)。 监控活动，分析性能，试验缓存策略等。
Local-web-server是一个lws发行版，它与一个有用的中间件“入门包”捆绑在一起。
剧情简介
这个包安装ws命令行工具(请参阅使用指南)。
静态网站
不带任何参数地运行ws将把当前目录作为一个静态网站托管。导航到服务器将呈现一个目录列表或您的index.html，如果该文件存在的话。
$ ws
Listening on http://mbp.local:8000, http://127.0.0.1:8000, http://192.168.0.100:8000
静态文件教程。
这个片段演示了静态托管和两个日志输出格式-开发和统计。
单页应用
为单页应用程序(一个带有客户端路由的应用程序，例如React或Angular应用程序)提供服务就像指定单页的名称一样简单:
$ ws --spa index.html
对于静态站点，对典型SPA路径(例如/user/1， /login)的请求将返回404 Not Found，因为该位置的文件不存在。然而，通过将index.html标记为SPA，你创建了以下规则:
如果一个静态文件被请求(例如/css/style.css)，那么服务它，如果没有(例如/login)，那么服务指定的SPA并处理路由客户端。
SPA教程。
URL重写和代理请求
另一个常见的用例是将某些请求转发到远程服务器。
下面的命令将博客帖子请求从任何以/posts/开头的路径代理到https://jsonplaceholder.typicode.com/posts/。例如，对/posts/1的请求将被代理到https://jsonplaceholder.typicode.com/posts/1。
$ ws --rewrite '/posts/(.*) -> https://jsonplaceholder.typicode.com/posts/$1'
重写教程。
这个片段演示了上面加上——static的用法。Extensions用于指定默认文件扩展名，——verbose用于监视活动。
HTTPS和HTTP2
对于HTTPS或HTTP2，分别传递——HTTPS或——HTTP2标志。请参阅wiki以获得进一步的配置选项和如何在浏览器中获得“绿色挂锁”的指南。
$ lws --http2
Listening at https://mba4.local:8000, https://127.0.0.1:8000, https://192.168.0.200:8000
这是一个最快的解决方案，我用快速看到网页
sudo npm install ripple-emulator -g
从那时起，只需输入html文件的目录并运行
ripple emulate
然后将设备更改为Nexus 7横屏。
这里有很多复杂的答案。如果你不打算处理nodeJS文件/数据库，只是想提供静态html/css/js/图像，就像你的问题建议的那样，然后简单地安装pushstate-server模块或类似的;
这是一个“一行程序”，它将创建并启动一个迷你网站。只需将整个块粘贴到终端中相应的目录中。
mkdir mysite; \
cd mysite; \
npm install pushstate-server --save; \
mkdir app; \
touch app/index.html; \
echo '<h1>Hello World</h1>' > app/index.html; \
touch server.js; \
echo "var server = require('pushstate-server');server.start({ port: 3000, directory: './app' });" > server.js; \
node server.js
打开浏览器，访问http://localhost:3000。完成了。
服务器将使用应用程序目录作为根目录来提供文件。要添加额外的资产，只需将它们放在该目录中。
var http = require('http');
var fs = require('fs');
var index = fs.readFileSync('index.html');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/html'});
// change the to 'text/plain' to 'text/html' it will work as your index page
res.end(index);
}).listen(9615);
我想你是在找这个。在index.html中，简单地用普通的html代码填充它-无论你想在上面渲染什么，比如:
<html>
<h1>Hello world</h1>
</html>
