javascript - Node 的 Http 服务器列出目录中的所有文件

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 4 年前。

Improve this question

我对 Node 还很陌生，所以如果这是一个简单的问题，我深表歉意。但我正在尝试读取目录 ./resources 的内容，然后在网页上显示它们的链接。问题是目录中的文件是动态的，所以我使用 fs.readdir在 Node 中。

但是<h1>未显示在 index.html 上页;有什么想法吗？

const resDir = "resources/";
const resDirFiles = [];

const app = http.createServer((req, res) => {

  ...

  fs.readFile(filePath, (err, content) => {
    if (err) {
      // To be implemented
    } else {
      res.writeHead(200, {
        "Content-type": contentType
      });
      res.end(content, "utf8", callback(req, res));
    }
  });
});

function callback(req, res) {
  if (req.url == "/" || req.url == "/index") {
    fs.readdir(resDir, (err, files) => {
      files.forEach(file => {
        resDirFiles.push(file);
        res.end("<h1>Ok</h1>"); // placeholder
      });
    });
  }
}

Answer 1

此解决方案使用模块 http 并列出目录 resDir 中的所有文件。它还提供了文件的链接，但出于安全考虑，它不适用于所有浏览器/服务器，以避免在用户和服务器之间提供免费网关。为了更强大的你should have a file server .

var path = require('path')
var http = require('http')
var find = require('find')

var resDir = __dirname

http.createServer(function (req, res) {
  res.setHeader('content-type', 'text/html')
  find.file(resDir, function (files) {
    res.write('<ul>')
    for (let i = 0; i < files.length; i++) {
      let fileRelative = path.relative(resDir, files[i])
      res.write('<li><a href="' + fileRelative + '">' + fileRelative + '</a></li>')
    }
    res.write('</ul>')
    res.end()
  })
}).listen(3000, function () {
  console.log('server start at port 3000')
})

现在您可以在http://localhost:3000上访问它