我想运行一个非常简单的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?
当前回答
我遇到的更简单的版本如下。出于教育目的，它是最好的，因为它不使用任何抽象库。
var http = require('http'),
url = require('url'),
path = require('path'),
fs = require('fs');
var mimeTypes = {
"html": "text/html",
"mp3":"audio/mpeg",
"mp4":"video/mp4",
"jpeg": "image/jpeg",
"jpg": "image/jpeg",
"png": "image/png",
"js": "text/javascript",
"css": "text/css"};
http.createServer(function(req, res) {
var uri = url.parse(req.url).pathname;
var filename = path.join(process.cwd(), uri);
fs.exists(filename, function(exists) {
if(!exists) {
console.log("not exists: " + filename);
res.writeHead(200, {'Content-Type': 'text/plain'});
res.write('404 Not Found\n');
res.end();
return;
}
var mimeType = mimeTypes[path.extname(filename).split(".")[1]];
res.writeHead(200, {'Content-Type':mimeType});
var fileStream = fs.createReadStream(filename);
fileStream.pipe(res);
}); //end path.exists
}).listen(1337);
现在进入浏览器，打开以下内容:
http://127.0.0.1/image.jpg
这里image.jpg应该和这个文件在同一个目录下。 希望这能帮助到一些人:)
其他回答
这里有很多复杂的答案。如果你不打算处理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。完成了。
服务器将使用应用程序目录作为根目录来提供文件。要添加额外的资产，只需将它们放在该目录中。
基本上复制接受的答案，但避免创建一个js文件。
$ node
> var connect = require('connect'); connect().use(static('.')).listen(8000);
我觉得很方便。
更新
在Express的最新版本中，service -static已经成为一个单独的中间件。用这个来服务:
require('http').createServer(require('serve-static')('.')).listen(3000)
首先安装service -static。
对于简单的nodejs服务器，已经有一些很好的解决方案。 如果你在修改文件时需要实时重新加载，还有一个解决方案。
npm install lite-server -g
导航您的目录并执行
lite-server
它将打开浏览器为您实时重新加载。
我认为你现在忽略的部分是你在发送:
Content-Type: text/plain
如果你想要一个web浏览器来呈现HTML，你应该将其更改为:
Content-Type: text/html
你不需要使用任何npm模块来运行一个简单的服务器，有一个非常小的库叫做“npm Free server”用于Node:
50行代码 如果您正在请求文件或文件夹，则输出 如果失败或工作，则显示红色或绿色 大小小于1KB(缩小版) 完全评论，所以你可以根据需要调整它
npm-free-server(在GitHub)
