是否有Node.js即用工具（与npm一起安装），可以帮助我通过HTTP将文件夹内容作为文件服务器公开。
例如，如果我有
D:\Folder\file.zip
D:\Folder\file2.html
D:\Folder\folder\file-in-folder.jpg
然后从D:\Folder\node node-file-server.js开始我可以通过
http://hostname/file.zip
http://hostname/file2.html
http://hostname/folder/file-in-folder.jpg
为什么我的节点静态文件服务器丢弃请求？参考一些神秘的
标准node.js静态文件服务器
如果没有这样的工具，我应该使用什么框架？
相关：NodeJS中的基本静态文件服务器
如果您使用Express框架，此功能随时可用。
要设置简单的文件服务应用程序，只需执行以下操作：
mkdir yourapp
cd yourapp
npm install express
node_modules/express/bin/express
连接可能是你想要的。
易于安装：
npm install connect
那么最基本的静态文件服务器可以写为：
var connect = require('connect'),
directory = '/path/to/Folder';
connect()
.use(connect.static(directory))
.listen(80);
console.log('Listening on port 80.');
在NPM注册表中搜索https://npmjs.org/search?q=server，我找到了静态服务器https://github.com/maelstrom/static-server
曾经需要向同事发送文件，但不必麻烦发送电子邮件100MB的野兽？想要运行一个简单的JavaScript示例应用程序，但在文件中运行时遇到问题：///协议希望在没有设置Samba、FTP或其他需要您编辑的内容配置文件？然后这个文件服务器会让你的生活简单一点。要安装简单的静态素材服务器，请使用npm：npm安装-g静态服务器然后，要提供文件或目录，只需运行$serve路径/to/stuff在端口8001上提供路径/到/填充
这甚至可以列出文件夹内容。
很遗憾，它无法提供文件：）
我知道它不是Node，但我使用了Python的SimpleHTTPServer：
python -m SimpleHTTPServer [port]
它运行良好，并与Python一起提供。
一个好的“现成工具”选项可以是http服务器：
npm install http-server -g
要使用它：
cd D:\Folder
http-server
或者，像这样：
http-server D:\Folder
过来看：https://github.com/nodeapps/http-server
使用connect的简单静态服务器
var connect = require('connect'),
directory = __dirname,
port = 3000;
connect()
.use(connect.logger('dev'))
.use(connect.static(directory))
.listen(port);
console.log('Listening on port ' + port);
另请参见将node.js用作简单的web服务器
NPM上还没有，但我在Express上构建了一个简单的静态服务器，它还允许您接受表单提交，并通过事务电子邮件服务（现在是Sendgrid，Mandrill即将到来）发送电子邮件。
https://github.com/jdr0dn3y/nodejs-StatServe
对于希望在NodeJS脚本中运行服务器的用户：
您可以使用expressjs/serve-static替换connect.static（从connect 3起不再可用）：
myapp.js：
var http = require('http');
var finalhandler = require('finalhandler');
var serveStatic = require('serve-static');
var serve = serveStatic("./");
var server = http.createServer(function(req, res) {
var done = finalhandler(req, res);
serve(req, res, done);
});
server.listen(8000);
然后从命令行：
$npm安装finalhandler服务静态$node myapp.js
你可以试着为我服务
使用它非常简单：
ServeMe = require('serve-me')();
ServeMe.start(3000);
仅此而已。
PD：默认情况下提供的文件夹为“public”。
如果您不想使用现成的工具，可以使用下面的代码，如我在https://developer.mozilla.org/en-US/docs/Node_server_without_framework:
var http = require('http');
var fs = require('fs');
var path = require('path');
http.createServer(function (request, response) {
console.log('request starting...');
var filePath = '.' + request.url;
if (filePath == './')
filePath = './index.html';
var extname = path.extname(filePath);
var contentType = 'text/html';
switch (extname) {
case '.js':
contentType = 'text/javascript';
break;
case '.css':
contentType = 'text/css';
break;
case '.json':
contentType = 'application/json';
break;
case '.png':
contentType = 'image/png';
break;
case '.jpg':
contentType = 'image/jpg';
break;
case '.wav':
contentType = 'audio/wav';
break;
}
fs.readFile(filePath, function(error, content) {
if (error) {
if(error.code == 'ENOENT'){
fs.readFile('./404.html', function(error, content) {
response.writeHead(200, { 'Content-Type': contentType });
response.end(content, 'utf-8');
});
}
else {
response.writeHead(500);
response.end('Sorry, check with the site admin for error: '+error.code+' ..\n');
response.end();
}
}
else {
response.writeHead(200, { 'Content-Type': contentType });
response.end(content, 'utf-8');
}
});
}).listen(8125);
console.log('Server running at http://127.0.0.1:8125/');
更新如果您需要从外部需求/文件访问服务器，则需要通过编写以下内容来克服node.js文件中的CORS，正如我在前面的回答中提到的
// Website you wish to allow to connect
response.setHeader('Access-Control-Allow-Origin', '*');
// Request methods you wish to allow
response.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
// Request headers you wish to allow
response.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
// Set to true if you need the website to include cookies in the requests sent
// to the API (e.g. in case you use sessions)
response.setHeader('Access-Control-Allow-Credentials', true);
更新
正如Adrian所提到的，在评论中，他写了一个ES6代码，并在这里进行了完整的解释，我只是在下面重新发布了他的代码，以防代码出于任何原因从原始站点消失：
const http = require('http');
const url = require('url');
const fs = require('fs');
const path = require('path');
const port = process.argv[2] || 9000;
http.createServer(function (req, res) {
console.log(`${req.method} ${req.url}`);
// parse URL
const parsedUrl = url.parse(req.url);
// extract URL path
let pathname = `.${parsedUrl.pathname}`;
// based on the URL path, extract the file extension. e.g. .js, .doc, ...
const ext = path.parse(pathname).ext;
// maps file extension to MIME typere
const map = {
'.ico': 'image/x-icon',
'.html': 'text/html',
'.js': 'text/javascript',
'.json': 'application/json',
'.css': 'text/css',
'.png': 'image/png',
'.jpg': 'image/jpeg',
'.wav': 'audio/wav',
'.mp3': 'audio/mpeg',
'.svg': 'image/svg+xml',
'.pdf': 'application/pdf',
'.doc': 'application/msword'
};
fs.exists(pathname, function (exist) {
if(!exist) {
// if the file is not found, return 404
res.statusCode = 404;
res.end(`File ${pathname} not found!`);
return;
}
// if is a directory search for index file matching the extension
if (fs.statSync(pathname).isDirectory()) pathname += '/index' + ext;
// read file from file system
fs.readFile(pathname, function(err, data){
if(err){
res.statusCode = 500;
res.end(`Error getting the file: ${err}.`);
} else {
// if the file is found, set Content-type and send data
res.setHeader('Content-type', map[ext] || 'text/plain' );
res.end(data);
}
});
});
}).listen(parseInt(port));
console.log(`Server listening on port ${port}`);
这是另一个简单的web服务器。
https://www.npmjs.com/package/hostr
安装
npm install -g hostr
更换工作主管
cd myprojectfolder/
然后开始
hostr
为了搜索者的利益，我喜欢Jakub g的答案，但需要一点错误处理。显然，正确处理错误是最好的，但这有助于防止站点在发生错误时停止。代码如下：
var http = require('http');
var express = require('express');
process.on('uncaughtException', function(err) {
console.log(err);
});
var server = express();
server.use(express.static(__dirname));
var port = 10001;
server.listen(port, function() {
console.log('listening on port ' + port);
//var err = new Error('This error won't break the application...')
//throw err
});
为了使用节点服务静态资源来健康地提高性能，我建议使用Buffet。它的工作方式类似于web应用程序加速器，也称为缓存HTTP反向代理，但它只是将所选目录加载到内存中。
Buffet采用了一种完全缓冲的方法——当您的应用程序启动时，所有文件都会完全加载到内存中，因此您永远不会感觉到文件系统被烧毁。实际上，这是非常有效的。如此之多，以至于将Varnish放在应用程序前面甚至可能会使其变慢！
我们在codePile网站上使用它，发现在1k并发用户连接负载下下载25个资源的页面上，请求数增加了约700个/秒，达到超过4k个/秒。
例子：
var server = require('http').createServer();
var buffet = require('buffet')(root: './file');
server.on('request', function (req, res) {
buffet(req, res, function () {
buffet.notFound(req, res);
});
});
server.listen(3000, function () {
console.log('test server running on port 3000');
});
还有一个非常好的静态web服务器：浏览器同步。
可以使用节点包管理器下载：
npm install -g browser-sync
安装后，在cmd提示符下导航到项目文件夹，然后运行以下命令：
browser-sync start --server --port 3001 --files="./*"
它将开始处理浏览器中当前文件夹中的所有文件。
更多信息请访问BrowserSync
谢谢
首先通过npm安装node static服务器，将其全局安装到系统上，然后导航到文件所在的目录，在端口8080上启动静态服务器，导航到浏览器并键入localhost:8080/yourhtmlfilename。
const http=要求（'http'）；常量fs=要求（'fs'）；const url=require（'url'）；常量路径=require（'path'）；让mimeTypes={“.html”：“text/html”，“.css”：“text/css”，“.js”：“text/javascript”，“.jpg”：“image/jpeg”，'.png'：'image/png'，'.ico'：'image/x-icon'，“.svg”：“image/svg+xml”，“.eot”：“appaction/vnd.ms fontobject”，“.ttf”：“应用程序/font sfnt”};http.createServer（函数（请求、响应）{let pathName=url.parse（request.url）.path；如果（路径名=='/'）{pathName='/index.html'；}pathName=pathName.substring（1，pathName.length）；let extName=路径.extName（路径名）；let staticFiles=`$｛__dirname｝/template/$｛pathName｝`；如果（extName==“.jpg”| | extName=“.png”| | ext Name=“.ico”| | extName=“.eot”| | extName=“.ttf”| | textName=“.svg”）{let file=fr.readFileSync（静态文件）；res.writeHead（200，｛'Content-Type'：mimeTypes[extname]｝）；res.write（文件，'binary'）；res.end（）；}其他{fs.readFile（staticFiles，'utf8'，函数（错误，数据）{if（！err）{res.writeHead（200，｛'Content-Type'：mimeTypes[extname]｝）；res.end（数据）；}其他{res.writeHead（404，｛'Content-Type'：'text/html；charset=utf8'｝）；res.write（“<strong>$｛staticFiles｝</strong>找不到文件。”）；}res.end（）；});}}).听（8081）；
看看这个链接。
您只需安装node js的express模块即可。
var express = require('express');
var app = express();
app.use('/Folder', express.static(__dirname + '/Folder'));
您可以像这样访问文件http://hostname/Folder/file.zip
使用npm安装express：https://expressjs.com/en/starter/installing.html
在index.html的同一级别创建一个名为server.js的文件，内容如下：
var express = require('express');
var server = express();
server.use(express.static(__dirname));
server.listen(8080);
这将加载index.html文件。如果希望指定要加载的html文件，请使用以下语法：
server.use('/', express.static(__dirname + '/myfile.html'));
如果要将其放置在其他位置，请在第三行设置路径：
server.use('/', express.static(__dirname + '/public'));
CD到包含文件的文件夹，然后使用以下命令从控制台运行节点：
node server.js
浏览到localhost:8080
#仅演示/原型服务器
如果您只需要这些，请尝试以下操作：
const fs = require('fs'),
http = require('http'),
arg = process.argv.slice(2),
rootdir = arg[0] || process.cwd(),
port = process.env.PORT || 9000,
hostname = process.env.HOST || '127.0.0.1';
//tested on node=v10.19.0
http.createServer(function (req, res) {
try {
// change 'path///to/////dir' -> 'path/to/dir'
req_url = decodeURIComponent(req.url).replace(/\/+/g, '/');
stats = fs.statSync(rootdir + req_url);
if (stats.isFile()) {
buffer = fs.createReadStream(rootdir + req_url);
buffer.on('open', () => buffer.pipe(res));
return;
}
if (stats.isDirectory()) {
//Get list of files and folder in requested directory
lsof = fs.readdirSync(rootdir + req_url, {encoding:'utf8', withFileTypes:false});
// make an html page with the list of files and send to browser
res.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'});
res.end(html_page(`http://${hostname}:${port}`, req_url, lsof));
return;
}
} catch (err) {
res.writeHead(404);
res.end(err);
return;
}
}).listen(port, hostname, () => console.log(`Server running at http://${hostname}:${port}`));
function html_page(host, req_url, lsof) {//this is a Function declarations can be called before it is defined
// Add link to root directory and parent directory if not already in root directory
list = req_url == '/' ? [] : [`<a href="${host}">/</a>`,
`<a href="${host}${encodeURI(req_url.slice(0,req_url.lastIndexOf('/')))}">..</a>`];
templete = (host, req_url, file) => {// the above is a Function expressions cannot be called before it is defined
return `<a href="${host}${encodeURI(req_url)}${req_url.slice(-1) == '/' ? '' : '/'}${encodeURI(file)}">${file}</a>`; }
// Add all the links to the files and folder in requested directory
lsof.forEach(file => {
list.push(templete(host, req_url, file));
});
return `
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Directory of ${req_url}</title>
</head>
<body>
<h2>Directory of ${req_url}</h2>
${list.join('<br/>\n')}
</body>
</html>`
}
您还问了为什么请求会下降-不确定具体原因是什么，但总体而言，您可以使用专用中间件（nginx、S3、CDN）更好地服务静态内容，因为Node确实没有针对这种网络模式进行优化。请参阅此处的进一步说明（项目13）：http://goldbergyoni.com/checklist-best-practice-of-node-js-in-production/
这是我的一个文件/轻量级node.js静态文件web服务器宠物项目，我相信它是一个快速而丰富的工具，当安装node.js（或Debian/Uubuntu上的nodejs遗留版本）时，它的使用就像在Linux/Unix/macOS终端（或Android上的termux）上发出这个命令一样简单：
curl pad.js.org | node
（文档中有针对Windows用户的不同命令）
它支持不同的东西，我认为这些东西是有用的，
分层目录索引创建/服务具有不同标准的排序功能在Chrome、Firefox和其他浏览器上，通过[多文件]拖放和仅文件/文本复制粘贴以及系统剪贴板屏幕截图粘贴从浏览器上传可能存在一些限制（可以通过其提供的命令行选项关闭）文件夹/便笺创建/上传按钮为已知文件类型提供正确的MIME（可能禁用）可以作为npm包和本地工具进行安装，也可以作为Docker的永久服务进行线性安装HTTP 206文件服务（多部分文件传输），用于更快的传输从终端和浏览器控制台上传（事实上，它最初打算作为其他页面/域浏览器JS控制台的文件系统代理）CORS下载/上传（也可以关闭）轻松的HTTPS集成轻量级命令行选项，可实现更好的安全服务：使用node.js 8上的补丁，您无需先安装即可访问选项：curl pad.js.org | node--h或者先通过[sudo]npm install-g pad.js将其安装为系统全局npm包，然后使用其安装版本访问其选项：pad-h或者使用提供的Docker镜像，默认情况下使用相对安全的选项。[sudo]docker run--restart=always-v/files:/files--name pad.js-d-p 9090:9090 quay.io/ebraminio/pad.js
上述功能主要记录在工具主页上http://pad.js.org我使用了一些很好的技巧，这也是工具源本身的来源！
工具来源于GitHub，欢迎您的反馈、功能请求和⭐s
单线™ 证明而不是承诺
第一个是http服务器，hs-link
npm i -g http-server // install
hs C:\repos // run with one line?? FTW!!
第二个由ZEIT.co提供-链接
npm i -g serve // install
serve C:\repos // run with one line?? FTW!!
以下是可用选项，如果这有助于您做出决定。
C:\Users\Qwerty>http-server --help
usage: http-server [path] [options]
options:
-p Port to use [8080]
-a Address to use [0.0.0.0]
-d Show directory listings [true]
-i Display autoIndex [true]
-g --gzip Serve gzip files when possible [false]
-e --ext Default file extension if none supplied [none]
-s --silent Suppress log messages from output
--cors[=headers] Enable CORS via the "Access-Control-Allow-Origin" header
Optionally provide CORS headers list separated by commas
-o [path] Open browser window after starting the server
-c Cache time (max-age) in seconds [3600], e.g. -c10 for 10 seconds.
To disable caching, use -c-1.
-U --utc Use UTC time format in log messages.
-P --proxy Fallback proxy if the request cannot be resolved. e.g.: http://someurl.com
-S --ssl Enable https.
-C --cert Path to ssl cert file (default: cert.pem).
-K --key Path to ssl key file (default: key.pem).
-r --robots Respond to /robots.txt [User-agent: *\nDisallow: /]
-h --help Print this list and exit.
C:\Users\Qwerty>serve --help
Usage: serve.js [options] [command]
Commands:
help Display help
Options:
-a, --auth Serve behind basic auth
-c, --cache Time in milliseconds for caching files in the browser
-n, --clipless Don't copy address to clipboard (disabled by default)
-C, --cors Setup * CORS headers to allow requests from any origin (disabled by default)
-h, --help Output usage information
-i, --ignore Files and directories to ignore
-o, --open Open local address in browser (disabled by default)
-p, --port Port to listen on (defaults to 5000)
-S, --silent Don't log anything to the console
-s, --single Serve single page applications (sets `-c` to 1 day)
-t, --treeless Don't display statics tree (disabled by default)
-u, --unzipped Disable GZIP compression
-v, --version Output the version number
如果你需要留意变化，请看主持人，感谢曾亨利的回答
我对这一页上的任何答案都没有太多的运气，然而，下面的答案似乎起了作用。
添加包含以下内容的server.js文件：
const express = require('express')
const path = require('path')
const port = process.env.PORT || 3000
const app = express()
// serve static assets normally
app.use(express.static(__dirname + '/dist'))
// handle every other route with index.html, which will contain
// a script tag to your application's JavaScript file(s).
app.get('*', function (request, response){
response.sendFile(path.resolve(__dirname, 'dist', 'index.html'))
})
app.listen(port)
console.log("server started on port " + port)
还要确保您需要快递。根据您的设置运行yarn add express-save或npm install express-save（我可以推荐yarn，它非常快）。
您可以将dist更改为您提供内容的任何文件夹。对于我的简单项目，我没有从任何文件夹提供服务，所以我只是删除了dist文件名。
然后可以运行node server.js。由于我必须将项目上传到Heroku服务器，我需要将以下内容添加到package.json文件中：
"scripts": {
"start": "node server.js"
}
你可以使用NPM服务包来实现这一点，如果你不需要NodeJS的东西，它是一个快速易用的工具：
1-在电脑上安装软件包：
npm install -g serve
2-使用Serve＜path＞服务静态文件夹：
d:> serve d:\StaticSite
它将显示静态文件夹的服务端口，只需导航到主机，如下所示：
http://localhost:3000
以下内容对我有用：
创建包含以下内容的文件app.js：
// app.js
var fs = require('fs'),
http = require('http');
http.createServer(function (req, res) {
fs.readFile(__dirname + req.url, function (err,data) {
if (err) {
res.writeHead(404);
res.end(JSON.stringify(err));
return;
}
res.writeHead(200);
res.end(data);
});
}).listen(8080);
创建包含以下内容的文件index.html：
Hi
启动命令行：
cmd
在cmd中运行以下命令：
node app.js
转到下面的URL，以chrome显示：
http://localhost:8080/index.html
这就是全部。希望这会有所帮助。
资料来源：https://nodejs.org/en/knowledge/HTTP/servers/how-to-serve-static-files/
从…起npm@5.2.0，npm开始在通常的npm旁边安装一个新的二进制文件npx。现在，使用一行代码从当前目录创建静态http服务器：
npx serve
or
npx http-server
安装npm包
npm永远安装http服务器
永远启动$（哪个http服务器）-p 8000-d false[FILE_DIRECTORY]
永远启动/usr/local/lib/node_modules/http-server/bin/http服务器-p 8000/home/web文件/
替代地，
http服务器-p 8000/home/web文件/
