Node.js一行代码实现静态文件服务器的方法步骤

下面是“Node.js一行代码实现静态文件服务器的方法步骤”的完整攻略。

1. 创建HTTP服务器

使用Node.js自带的http模块创建一个HTTP服务器，代码如下：

const http = require('http');

const server = http.createServer((req, res) => {
  // 这里是处理请求的逻辑
});

server.listen(3000); // 监听端口3000

2. 处理请求

当有请求进来时，我们需要根据请求的URL来判断要返回哪个文件。这里我们可以使用fs模块来读取本地的文件，然后将文件内容返回给客户端。具体的代码如下：

const http = require('http');
const fs = require('fs');
const path = require('path');

const server = http.createServer((req, res) => {
  const filePath = path.join(__dirname, req.url); // 获取请求的文件路径
  fs.readFile(filePath, (err, data) => { // 读取文件内容
    if (err) {
      res.writeHead(404); // 读取文件出错，返回404状态码
      res.end('Not found');
    } else {
      res.writeHead(200); // 返回200状态码
      res.end(data); // 返回文件内容
    }
  });
});

server.listen(3000); // 监听端口3000

3. 添加文件类型支持

上面的代码支持读取文件并返回文件内容，但是它并不支持设置正确的Content-Type头部，这会导致浏览器无法正确解析一些文件类型，如CSS和JavaScript等。我们可以通过设置不同的Content-Type头部来解决这个问题。具体的修改如下：

const http = require('http');
const fs = require('fs');
const path = require('path');

const server = http.createServer((req, res) => {
  const filePath = path.join(__dirname, req.url);
  fs.readFile(filePath, (err, data) => {
    if (err) {
      res.writeHead(404);
      res.end('Not found');
    } else {
      const extname = path.extname(filePath); // 获取文件扩展名
      let contentType = 'text/plain'; // 默认为纯文本类型
      switch (extname) {
        case '.html':
          contentType = 'text/html';
          break;
        case '.css':
          contentType = 'text/css';
          break;
        case '.js':
          contentType = 'text/javascript';
          break;
        case '.png':
          contentType = 'image/png';
          break;
        case '.jpg':
          contentType = 'image/jpg';
          break;
      }
      res.writeHead(200, { 'Content-Type': contentType });
      res.end(data);
    }
  });
});

server.listen(3000);

4. 示例说明

示例1：返回HTML文件内容

在服务器目录下创建index.html文件，内容如下：

<!DOCTYPE html>
<html>
<head>
  <title>Node.js静态文件服务器示例</title>
</head>
<body>
  <h1>欢迎来到Node.js静态文件服务器示例</h1>
</body>
</html>

然后启动服务器，访问http://localhost:3000/index.html，就可以返回index.html文件的内容。

示例2：返回图片文件内容

在服务器目录下创建image.jpg文件，然后启动服务器，访问http://localhost:3000/image.jpg，就可以返回image.jpg文件的内容。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Node.js一行代码实现静态文件服务器的方法步骤 - Python技术站