我想运行一个非常简单的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?
当前回答
这里有很多复杂的答案。如果你不打算处理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。完成了。
服务器将使用应用程序目录作为根目录来提供文件。要添加额外的资产，只需将它们放在该目录中。
其他回答
最简单的Node.js服务器就是:
$ npm install http-server -g
现在你可以通过以下命令运行服务器:
$ cd MyApp
$ http-server
如果你使用的是NPM 5.2.0或更新版本，你可以使用http-server而不用安装npx。不建议在生产中使用，但这是快速让服务器在本地主机上运行的好方法。
$ npx http-server
或者，你可以试试这个，打开你的网络浏览器，启用CORS请求:
$ http-server -o --cors
如需更多选项，请查看GitHub上的http-server文档，或运行:
$ http-server --help
NodeJitsu还有很多其他不错的特性和非常简单的部署。
特色餐叉
当然，您可以轻松地用自己的fork充值这些功能。你可能会发现这个项目现有的800多个分支中的一个已经完成了:
https://github.com/nodeapps/http-server/network
轻服务器:一个自动刷新的选择
一个很好的http-server替代方案是light-server。它支持文件监视和自动刷新以及许多其他功能。
$ npm install -g light-server
$ light-server
添加到Windows资源管理器中的目录上下文菜单
reg.exe add HKCR\Directory\shell\LightServer\command /ve /t REG_EXPAND_SZ /f /d "\"C:\nodejs\light-server.cmd\" \"-o\" \"-s\" \"%V\""
简单JSON REST服务器
如果您需要为原型项目创建一个简单的REST服务器，那么json-server可能就是您要找的。
自动刷新编辑器
大多数网页编辑器和IDE工具现在都包含一个网络服务器，它可以监视你的源文件，并在它们更改时自动刷新你的网页。
我使用Visual Studio代码Live服务器。
开源文本编辑器括号还包括一个NodeJS静态web服务器。只要打开括号中的任何HTML文件，按“实时预览”，它就会启动一个静态服务器，并在页面上打开浏览器。当您编辑和保存HTML文件时，浏览器将自动刷新。这在测试自适应网站时尤其有用。在多种浏览器/窗口大小/设备上打开HTML页面。保存您的HTML页面，并立即查看您的自适应内容是否工作，因为它们都自动刷新。
Web / SPA / PWA /移动/桌面/浏览器Ext Web开发人员
一些SPA框架包括一个内置的Webpack DevServer版本，可以检测源文件的更改，并触发SPA或PWA web应用程序的增量重建和补丁(称为热重新加载)。以下是一些流行的SPA框架可以做到这一点。
VueJS开发者
对于VueJS开发人员来说，最喜欢的是Quasar Framework，它包括了Webpack DevServer的开箱即用开关，以支持服务器端呈现(SSR)和代理规则，以解决CORS问题。它包括大量优化的组件，旨在适应移动和桌面。这些允许您为所有平台构建一个应用程序(SPA, SPA+SSR, PWA, PWA+SSR, Cordova和电容器移动AppStore应用程序，电子桌面节点+VueJS应用程序，甚至浏览器扩展)。
另一个流行的是NuxtJS，它也支持静态HTML/CSS代码生成，以及其他UI组件套件的插件的SSR或no-SSR构建模式。
React框架开发人员
ReactJS开发人员还可以设置热重载。
Cordova/电容器+离子框架开发人员
Iconic是一个仅用于移动设备的混合组件框架，现在支持VueJS、React和Angular开发。ionic工具内置了一个具有自动刷新功能的本地服务器。只需从应用程序文件夹中运行ionic serve即可。更好的是……ionic serve -lab用于查看iOS和Android的自动刷新视图。
你可以在shell中输入这些
npx serve
回购:https://github.com/zeit/serve。
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>
创建一个简单的Node.js Web服务器，并从一个文件异步服务一个HTML页面
创建我的第一个node.js服务器时，我找到了一个简单而有效的方法来做到这一点。
我们可以在开始时加载一次HTML，而不是为每个请求加载HTML。然后返回我们在启动时加载的数据。
const host = "localhost";
const port = 5000;
const http = require("HTTP");
const fs = require("fs").promises;
let htmlFile;
const reqListenerFunc = function (req, resp) {
resp.setHeader("Content-Type", "text/html");
resp.writeHead(200);
resp.end(htmlFile);
};
const simpleServer = http.createServer(reqListenerFunc);
// // Using Arrow function directly
// const simpleServer = http.createServer( (req, resp) => {
// resp.setHeader("Content-Type", "text/html");
// resp.writeHead(200);
// resp.end(htmlFile);
// });
fs.readFile(__dirname + "/index.html")
.then(content => {
htmlFile = content;
simpleServer.listen(port, host, () => {
console.log(`Node.js web server is running on http://${host}:${port}`);
});
})
.catch(err => {
console.error(`Cannot read index.html file. <br> Error: ${err}`);
process.exit(1);
});
阅读更多信息:https://www.digitalocean.com/community/tutorials/how-to-create-a-web-server-in-node-js-with-the-http-module
步骤1(在命令提示符[I hope you cd TO YOUR FOLDER]内):npm install express
步骤2:创建一个server.js文件
var fs = require("fs");
var host = "127.0.0.1";
var port = 1337;
var express = require("express");
var app = express();
app.use(express.static(__dirname + "/public")); //use static files in ROOT/public folder
app.get("/", function(request, response){ //root dir
response.send("Hello!!");
});
app.listen(port, host);
请注意，您也应该添加WATCHFILE(或不使用demon)。以上代码仅用于一个简单的连接服务器。
步骤3:node server.js或nodemon server.js
现在有一个更简单的方法，如果你只是想主机简单的HTTP服务器。 NPM install -g http-server
打开目录，输入http-server
https://www.npmjs.org/package/http-server
