节点JS不提供静态图像

Question

节点JS不提供静态图像

Cha*_*ham 2 html javascript static-files node.js

我已经在节点服务器上添加了用于提供图像的代码,但在连接到Node时似乎没有在HTML中提供图像.我还有正确提供的外部CSS和JS.这是Node中代码的片段(见下文).先感谢您!

var server = http.createServer(function(req, res) {
    var pathname = url.parse(req.url).pathname;
    var ext = path.extname(pathname);
    var handler = handlers[req.url];
    if(ext) {
        if(ext === ".css"){
            res.writeHead(200, { "Content-Type" : "text/css" });
        }
        else if(ext === ".js") {
            res.writeHead(200, { "Content-Type" : "text/javascript" });
        }
        else if(ext === ".jpg") {
            res.writeHead(200, { "Content-Type" : "image/jpg" });
        }
        res.write(fs.readFileSync(__dirname + pathname, "utf8"));
        res.end();
    }
    else if(handler) {
        handler(req, res);
    }
    else {
        res.writeHead(404, { "Content-type" : "text/plain" });
        res.end();
    }
});
server.listen(80);

Run Code Online (Sandbox Code Playgroud)

Answer 1

rsp*_*rsp 6

当有人试图实现他们自己的静态文件服务器而不是使用Express或者有效的东西时,我在Stack Overflow上看到了很多这样的问题,并且无法使其工作.如果您可以实现自己的静态文件服务器,那么就这样做.如果你不能,那么它应该是一个标志,也许这不是一个好主意.更新:请参阅下面的没有Express的解决方案.

问题

只是通过浏览你的代码我已经看到了几个严重的问题,包括:

您的代码不安全 - 它允许任何人获取您系统上的任何文件.
你的代码是阻塞的 - 一旦你得到任何并发连接,它就会停止运行.
您的代码不适用于二进制文件 - 仅适用于文本文件,仅适用于具有UTF-8编码的文件
您的代码不适用于大写文件名,.jpeg扩展名等.
您的代码无法正确提供HTML文件
当文件不存在而不是使用正确的代码进行响应时,代码会崩溃

解

任何回答这样一个问题的人都有两个选择:要么花很多精力和时间来解决上面提到的每一个问题(这很少发生,因为这不是一个简单的任务,这就是为什么所有你看到的评论都提到一个或者其中两个问题而不是答案)或者你可以解释如何正确地完成任务,而不是首先在一些不是一个好主意的东西上添加无数的修复.

话虽如此,你可以做的是以安全和高效的方式实现你的目标是将你的静态文件(HTML,CSS,图像等)放到一个目录中,例如调用html和使用Express(或其他一些框架,看下面这个简单的代码:

var path = require('path');
var express = require('express');
var app = express();

var htmlPath = path.join(__dirname, 'html');

app.use(express.static(htmlPath));

var server = app.listen(80, function () {
    console.log('listening on port', server.address().port);
});

Run Code Online (Sandbox Code Playgroud)

有关GitHub的说明,请参阅完整示例: