从Node服务器提供HTML文件

Question

几乎完全出于教学目的，我从单节点服务器中同时提供前端和后端数据。现在，我已经成功地收到了我的客户请求，根据所述请求创建了一些数据，能够对其进行控制台日志记录，等等。到目前为止，一切都很好。我的问题是，如果我的数据只是一个用fs库读取的html文件，当我试图在res.end（）或res.write（）中提供它时，它不会在页面上呈现。当我控制台记录它时，我可以看到它正是我想要和期望的，但它不会在浏览器中呈现。如有任何帮助，我们将不胜感激。我已经将其设置为在"if/else"中处理请求的位置，其中我只有"/"（home）这两种情况，在这种情况下，我提供html文件，以及其他任何情况，因为服务器实际上只需要处理这两个事件。提前谢谢。

编辑。这就是我目前所拥有的：

function responseHandler(req, res) {
 res.writeHead(200, {"Content-Type": "text/html"});
 if (req.url.match("fav")) {
   res.end("");
   return;
 }
 else if (req.url.match("/endpoint")) {
   var input = req.url.match(/endpoint/(.*)/)[1];
   var output = endpoint.toHTML(decodeURI(input));
   res.end(data);
   console.log(input, req.url)
 }
 else {
   fs.readFile("index.html", "utf8", function(err, data) {
     console.log("data:" + data);
     var input = req.url.match(/endpoint/(.*)/)[1];
     var output = endpoint.toHTML(decodeURI(input));
   });
 }
 res.end();
}

我可以在控制台中看到数据，在最后一种情况下，它只是我的HTML文件。它就是无法在页面中呈现。

Answer 1

您是如何尝试使用res.end()和res.write()为html提供服务的？

我刚刚在这里做了一个小测试，这个测试有效：

app.js

var http = require('http');
var fs = require('fs');
var html = fs.readFileSync('hello-world.html');
http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.end(html);
}).listen(8000);

hello-world.html

<h3>Hello World</h3>

---

编辑：要与您的代码匹配，请尝试以下操作：

function responseHandler(req, res) {
    res.writeHead(200, {"Content-Type": "text/html"});
    if (req.url.match("fav")) {
        res.end("");
        return;
    } else if (req.url.match("/endpoint")) {
        var input = req.url.match(/endpoint/(.*)/)[1];
        var output = endpoint.toHTML(decodeURI(input));
        console.log(input, req.url);
        // we have no data variable in this scope
        res.end("");
        // I added a return statement in each step
        // Just to be clear that we don't want to go if any
        // condition have fit, since we cannot call res.end()
        // more than once
        return;
    } else {
        fs.readFile("index.html", "utf8", function(err, data) {
            // error handling
            if (err) return res.end(err);
            // now we have the data
            console.log("data:" + data);
            res.end(data);
        });
        return;
    }
}

Answer 2

以异步方式为html提供服务类似于此；

var fs = require('fs');
var http = require('http');
http.createServer(function(req, res){
  res.writeHead(200, {'Content-Type': 'text/html'});
  fs.readFile('index.html', function(err, data){
    if(err){
      return console.log(err);
    }
  res.end(data);
  });
}).listen(8080);
console.log('Server is running on Port: 8080');