我想运行一个非常简单的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?
当前回答
你可以在shell中输入这些
npx serve
回购:https://github.com/zeit/serve。
其他回答
我也可以推荐SugoiJS，它很容易设置，并提供了一个快速开始编写的选项，有很好的功能。
看看这里:http://demo.sugoijs.com/ ，文档:https://wiki.sugoijs.com/
它具有请求处理装饰器、请求策略和授权策略装饰器。
例如:
import {Controller,Response,HttpGet,RequestParam} from "@sugoi/server";
@Controller('/dashboard')
export class CoreController{
constructor(){}
@HttpGet("/:role")
test(@RequestParam('role') role:string,
@RequestHeader("role") headerRole:string){
if(role === headerRole )
return "authorized";
else{
throw new Error("unauthorized")
}
}
}
我认为你现在忽略的部分是你在发送:
Content-Type: text/plain
如果你想要一个web浏览器来呈现HTML，你应该将其更改为:
Content-Type: text/html
从w3schools
创建一个节点服务器来服务任何被请求的文件是很容易的，你不需要为它安装任何包
var http = require('http');
var url = require('url');
var fs = require('fs');
http.createServer(function (req, res) {
var q = url.parse(req.url, true);
var filename = "." + q.pathname;
fs.readFile(filename, function(err, data) {
if (err) {
res.writeHead(404, {'Content-Type': 'text/html'});
return res.end("404 Not Found");
}
res.writeHead(200, {'Content-Type': 'text/html'});
res.write(data);
return res.end();
});
}).listen(8080);
http://localhost:8080/file.html
将从磁盘上提供file.html
注:此答案来自2011年。然而，它仍然有效。
你可以在Node.js中使用Connect和ServeStatic:
使用NPM安装connect和service -static $ NPM install connect service -static 创建server.js文件，内容如下: Var connect = require('connect'); var serveStatic = require(' service -static'); connect () .use (serveStatic (__dirname)) .listen(8080， () => console.log('服务器运行在8080…')); 使用Node.js运行 $ node server.js
您现在可以访问http://localhost:8080/yourfile.html
我不确定这是否是你想要的，但是，你可以尝试改变:
{'Content-Type': 'text/plain'}
:
{'Content-Type': 'text/html'}
这将使浏览器客户端将文件显示为html而不是纯文本。
