基于 Node 实现简易 serve静态资源服务器的示例详解

以下是“基于 Node 实现简易 serve 静态资源服务器的示例详解”的完整攻略：

简介

在开发 web 应用时，经常需要启动一个本地服务器来对静态资源进行服务，如 HTML、图片、CSS、JS 等文件。而本文将介绍如何使用 Node.js 来实现一个简易的 serve 静态资源服务器。

步骤

1、搭建环境

首先需要安装 Node.js，可以从官网下载并安装：https://nodejs.org/zh-cn/

安装完成后，打开命令行工具，输入以下命令检查是否安装成功：

node -v

如果有输出 Node.js 的版本号，则说明 Node.js 安装成功。

2、创建工程

创建一个文件夹，并在其中创建一个 .js 文件，例如：

mkdir serve
cd serve
touch index.js

3、安装依赖

接下来需要安装 http 模块和 fs 模块，通过执行以下命令进行安装：

npm install http fs

4、构建服务器

在 index.js 文件中引入 http 和 fs 模块，并通过调用 http.createServer() 方法创建一个服务器：

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

http.createServer((req, res) => {
  // TODO
}).listen(3000, () => {
  console.log('Server has started at http://localhost:3000/');
})

其中，http.createServer() 方法接收一个回调函数作为参数，该回调函数将在每次请求时被触发。

5、处理请求

在回调函数中，需要处理请求并返回相应的资源。下面是一个简单的例子：

http.createServer((req, res) => {
  // 获取请求的文件路径
  const filePath = '.' + req.url;

  // 判断文件是否存在
  if (fs.existsSync(filePath)) {
    // 读取文件内容并返回
    const fileContent = fs.readFileSync(filePath);
    res.end(fileContent);
  } else {
    // 文件不存在，返回 404 Not Found
    res.statusCode = 404;
    res.end('404 Not Found');
  }
}).listen(3000, () => {
  console.log('Server has started at http://localhost:3000/');
})

以上代码会读取请求的文件路径，并判断该文件是否存在。如果文件存在，则读取文件内容并返回；如果文件不存在，返回 404 Not Found。

6、启动服务器

最后，执行以下命令启动服务器：

node index.js

浏览器中输入 http://localhost:3000/ 可以访问服务器上的静态资源。

示例说明

下面是两个示例：

示例一

有一个名为 index.html 的文件，位于 serve 文件夹下，在命令行中输入以下命令：

node index.js

在浏览器中输入 http://localhost:3000/index.html，可以访问该文件。

示例二

有一个名为 img.jpg 的文件，位于 serve 文件夹下，在命令行中输入以下命令：

node index.js

在浏览器中输入 http://localhost:3000/img.jpg，可以访问该图片。