我想运行一个非常简单的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?
编辑:
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
我认为你现在忽略的部分是你在发送:
Content-Type: text/plain
如果你想要一个web浏览器来呈现HTML，你应该将其更改为:
Content-Type: text/html
与其处理switch语句，我认为从字典中查找内容类型更简洁:
var contentTypesByExtension = {
'html': "text/html",
'js': "text/javascript"
};
...
var contentType = contentTypesByExtension[fileExtension] || 'text/plain';
注:此答案来自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
看看这个要点。我在这里复制它以供参考，但要点已定期更新。
Node.JS静态文件web服务器。将它放在您的路径中以启动任何目录中的服务器，需要一个可选的端口参数。
var http = require("http"),
url = require("url"),
path = require("path"),
fs = require("fs"),
port = process.argv[2] || 8888;
http.createServer(function(request, response) {
var uri = url.parse(request.url).pathname
, filename = path.join(process.cwd(), uri);
fs.exists(filename, function(exists) {
if(!exists) {
response.writeHead(404, {"Content-Type": "text/plain"});
response.write("404 Not Found\n");
response.end();
return;
}
if (fs.statSync(filename).isDirectory()) filename += '/index.html';
fs.readFile(filename, "binary", function(err, file) {
if(err) {
response.writeHead(500, {"Content-Type": "text/plain"});
response.write(err + "\n");
response.end();
return;
}
response.writeHead(200);
response.write(file, "binary");
response.end();
});
});
}).listen(parseInt(port, 10));
console.log("Static file server running at\n => http://localhost:" + port + "/\nCTRL + C to shutdown");
更新
gist确实处理css和js文件。我自己也用过。在“二进制”模式下使用读/写不是问题。这仅仅意味着文件库不会将文件解释为文本，并且与响应中返回的内容类型无关。
你的代码的问题是你总是返回一个“文本/纯”的内容类型。上面的代码不返回任何内容类型，但如果您只是将其用于HTML、CSS和JS，浏览器可以很好地推断出这些内容。没有内容类型总比错误的内容类型好。
通常情况下，content-type是web服务器的配置。因此，如果这不能解决您的问题，我很抱歉，但是作为一个简单的开发服务器，它对我来说是有效的，我认为它可能对其他人有所帮助。如果确实需要响应中正确的内容类型，则需要像joeytwiddle那样显式地定义它们，或者使用像Connect这样具有合理默认值的库。这样做的好处是它简单且自包含(没有依赖)。
但我确实感觉到了你的问题。这就是组合解。
var http = require("http"),
url = require("url"),
path = require("path"),
fs = require("fs")
port = process.argv[2] || 8888;
http.createServer(function(request, response) {
var uri = url.parse(request.url).pathname
, filename = path.join(process.cwd(), uri);
var contentTypesByExtension = {
'.html': "text/html",
'.css': "text/css",
'.js': "text/javascript"
};
fs.exists(filename, function(exists) {
if(!exists) {
response.writeHead(404, {"Content-Type": "text/plain"});
response.write("404 Not Found\n");
response.end();
return;
}
if (fs.statSync(filename).isDirectory()) filename += '/index.html';
fs.readFile(filename, "binary", function(err, file) {
if(err) {
response.writeHead(500, {"Content-Type": "text/plain"});
response.write(err + "\n");
response.end();
return;
}
var headers = {};
var contentType = contentTypesByExtension[path.extname(filename)];
if (contentType) headers["Content-Type"] = contentType;
response.writeHead(200, headers);
response.write(file, "binary");
response.end();
});
});
}).listen(parseInt(port, 10));
console.log("Static file server running at\n => http://localhost:" + port + "/\nCTRL + C to shutdown");
步骤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
var http = require('http');
var fs = require('fs');
var index = fs.readFileSync('index.html');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'html'});
res.end(index);
}).listen(9615);
//Just Change The CONTENT TYPE to 'html'
我使用下面的代码来启动一个简单的web服务器，如果Url中没有提到文件，它会渲染默认的html文件。
var http = require('http'),
fs = require('fs'),
url = require('url'),
rootFolder = '/views/',
defaultFileName = '/views/5 Tips on improving Programming Logic Geek Files.htm';
http.createServer(function(req, res){
var fileName = url.parse(req.url).pathname;
// If no file name in Url, use default file name
fileName = (fileName == "/") ? defaultFileName : rootFolder + fileName;
fs.readFile(__dirname + decodeURIComponent(fileName), 'binary',function(err, content){
if (content != null && content != '' ){
res.writeHead(200,{'Content-Length':content.length});
res.write(content);
}
res.end();
});
}).listen(8800);
它将呈现所有的js, css和图像文件，以及所有的html内容。
同意“没有内容类型比错误的内容类型更好”的说法
最简单的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的自动刷新视图。
我在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函数。这是为了允许包含空格和编码字符的文件名。
基本上复制接受的答案，但避免创建一个js文件。
$ node
> var connect = require('connect'); connect().use(static('.')).listen(8000);
我觉得很方便。
更新
在Express的最新版本中，service -static已经成为一个单独的中间件。用这个来服务:
require('http').createServer(require('serve-static')('.')).listen(3000)
首先安装service -static。
这基本上是连接版本3的公认答案的更新版本:
var connect = require('connect');
var serveStatic = require('serve-static');
var app = connect();
app.use(serveStatic(__dirname, {'index': ['index.html']}));
app.listen(3000);
我还添加了一个默认选项，以便index.html作为默认选项。
稍微啰嗦一点的表达式4。X版本，但它在最少的行数中提供目录列表、压缩、缓存和请求登录
var express = require('express');
var compress = require('compression');
var directory = require('serve-index');
var morgan = require('morgan'); //logging for express
var app = express();
var oneDay = 86400000;
app.use(compress());
app.use(morgan());
app.use(express.static('filesdir', { maxAge: oneDay }));
app.use(directory('filesdir', {'icons': true}))
app.listen(process.env.PORT || 8000);
console.log("Ready To serve files !")
你不需要快递。你不需要联系。Node.js执行http native。你所需要做的就是根据请求返回一个文件:
var http = require('http')
var url = require('url')
var fs = require('fs')
http.createServer(function (request, response) {
var requestUrl = url.parse(request.url)
response.writeHead(200)
fs.createReadStream(requestUrl.pathname).pipe(response) // do NOT use fs's sync methods ANYWHERE on production (e.g readFileSync)
}).listen(9615)
一个更完整的例子，确保请求不能访问基目录下的文件，并进行适当的错误处理:
var http = require('http')
var url = require('url')
var fs = require('fs')
var path = require('path')
var baseDirectory = __dirname // or whatever base directory you want
var port = 9615
http.createServer(function (request, response) {
try {
var requestUrl = url.parse(request.url)
// need to use path.normalize so people can't access directories underneath baseDirectory
var fsPath = baseDirectory+path.normalize(requestUrl.pathname)
var fileStream = fs.createReadStream(fsPath)
fileStream.pipe(response)
fileStream.on('open', function() {
response.writeHead(200)
})
fileStream.on('error',function(e) {
response.writeHead(404) // assume the file doesn't exist
response.end()
})
} catch(e) {
response.writeHead(500)
response.end() // end the response so browsers don't hang
console.log(e.stack)
}
}).listen(port)
console.log("listening on port "+port)
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>
这是一个最快的解决方案，我用快速看到网页
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。完成了。
服务器将使用应用程序目录作为根目录来提供文件。要添加额外的资产，只需将它们放在该目录中。
我不确定这是否是你想要的，但是，你可以尝试改变:
{'Content-Type': 'text/plain'}
:
{'Content-Type': 'text/html'}
这将使浏览器客户端将文件显示为html而不是纯文本。
你不需要使用任何npm模块来运行一个简单的服务器，有一个非常小的库叫做“npm Free server”用于Node:
50行代码 如果您正在请求文件或文件夹，则输出 如果失败或工作，则显示红色或绿色 大小小于1KB(缩小版) 完全评论，所以你可以根据需要调整它
npm-free-server(在GitHub)
我这样做的方式是首先通过全局安装节点静态服务器
npm install node-static -g
然后导航到包含HTML文件的目录，并使用static启动静态服务器。
打开浏览器，输入localhost:8080/"yourHtmlFile"。
最快捷的方法:
var express = require('express');
var app = express();
app.use('/', express.static(__dirname + '/../public')); // ← adjust
app.listen(3000, function() { console.log('listening'); });
你的方法:
var http = require('http');
var fs = require('fs');
http.createServer(function (req, res) {
console.dir(req.url);
// will get you '/' or 'index.html' or 'css/styles.css' ...
// • you need to isolate extension
// • have a small mimetype lookup array/object
// • only there and then reading the file
// • delivering it after setting the right content type
res.writeHead(200, {'Content-Type': 'text/html'});
res.end('ok');
}).listen(3001);
上面的大多数答案都很好地描述了内容是如何被提供的。我正在寻找作为额外的目录列表，以便该目录的其他内容可以被浏览。以下是我给更多读者的解决方案:
'use strict';
var finalhandler = require('finalhandler');
var http = require('http');
var serveIndex = require('serve-index');
var serveStatic = require('serve-static');
var appRootDir = require('app-root-dir').get();
var log = require(appRootDir + '/log/bunyan.js');
var PORT = process.env.port || 8097;
// Serve directory indexes for reports folder (with icons)
var index = serveIndex('reports/', {'icons': true});
// Serve up files under the folder
var serve = serveStatic('reports/');
// Create server
var server = http.createServer(function onRequest(req, res){
var done = finalhandler(req, res);
serve(req, res, function onNext(err) {
if (err)
return done(err);
index(req, res, done);
})
});
server.listen(PORT, log.info('Server listening on: ', PORT));
如果你的电脑上安装了节点，你可能有NPM，如果你不需要NodeJS的东西，你可以使用服务包来实现这个:
1 -在您的PC上安装软件包:
npm install -g serve
2 -提供静态文件夹:
serve <path>
d:> serve d:\StaticSite
它会告诉你你的静态文件夹正在被服务的端口，只需像这样导航到主机:
http://localhost:3000
对于简单的nodejs服务器，已经有一些很好的解决方案。 如果你在修改文件时需要实时重新加载，还有一个解决方案。
npm install lite-server -g
导航您的目录并执行
lite-server
它将打开浏览器为您实时重新加载。
我遇到的更简单的版本如下。出于教育目的，它是最好的，因为它不使用任何抽象库。
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应该和这个文件在同一个目录下。 希望这能帮助到一些人:)
从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
我也可以推荐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")
}
}
}
这很容易，因为今天有大量的图书馆。这里的答案是功能性的。如果你想要另一个版本开始更快和简单
当然，首先要安装node.js。后:
> # module with zero dependencies
> npm install -g @kawix/core@latest
> # change /path/to/static with your folder or empty for current
> kwcore "https://raw.githubusercontent.com/voxsoftware/kawix-core/master/example/npmrequire/express-static.js" /path/to/static
这里是“https://raw.githubusercontent.com/voxsoftware/kawix-core/master/example/npmrequire/express-static.js”的内容(你不需要下载，我贴出来是为了了解后面的工作原理)
// you can use like this:
// kwcore "https://raw.githubusercontent.com/voxsoftware/kawix-core/master/example/npmrequire/express.js" /path/to/static
// kwcore "https://raw.githubusercontent.com/voxsoftware/kawix-core/master/example/npmrequire/express.js"
// this will download the npm module and make a local cache
import express from 'npm://express@^4.16.4'
import Path from 'path'
var folder= process.argv[2] || "."
folder= Path.resolve(process.cwd(), folder)
console.log("Using folder as public: " + folder)
var app = express()
app.use(express.static(folder))
app.listen(8181)
console.log("Listening on 8181")
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
Express函数sendFile正是你所需要的，因为你想从节点的web服务器功能，Express是自然的选择，然后服务静态文件变得简单:
res.sendFile('/path_to_your/index.html')
更多信息请点击:https://expressjs.com/en/api.html#res.sendFile
一个用express web server for node的小例子:
var express = require('express');
var app = express();
var path = require('path');
app.get('/', function(req, res) {
res.sendFile(path.join(__dirname + '/index.html'));
});
app.listen(8080);
运行这个，并导航到http://localhost:8080
在此基础上，允许你提供css和图像等静态文件，下面是另一个例子:
var express = require('express');
var app = express();
var path = require('path');
app.use(express.static(__dirname + '/css'));
app.get('/', function(req, res) {
res.sendFile(path.join(__dirname + '/index.html'));
});
app.listen(8080);
所以创建一个名为css的子文件夹，把你的静态内容放在里面，它将被你的index.html用于方便引用，比如:
<link type="text/css" rel="stylesheet" href="/css/style.css" />
注意href中的相对路径!
拖鞋!
Node.js webserver
没有第三方框架;允许查询字符串;添加尾随斜杠;处理404
创建一个public_html子文件夹，并将所有内容放在其中。
要点:https://gist.github.com/veganaize/fc3b9aa393ca688a284c54caf43a3fc3
var fs = require('fs');
require('http').createServer(function(request, response) {
var path = 'public_html'+ request.url.slice(0,
(request.url.indexOf('?')+1 || request.url.length+1) - 1);
fs.stat(path, function(bad_path, path_stat) {
if (bad_path) respond(404);
else if (path_stat.isDirectory() && path.slice(-1) !== '/') {
response.setHeader('Location', path.slice(11)+'/');
respond(301);
} else fs.readFile(path.slice(-1)==='/' ? path+'index.html' : path,
function(bad_file, file_content) {
if (bad_file) respond(404);
else respond(200, file_content);
});
});
function respond(status, content) {
response.statusCode = status;
response.end(content);
}
}).listen(80, function(){console.log('Server running on port 80...')});
创建一个简单的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
