如何使用Node写静态文件服务器

下面是详细的Node静态文件服务器搭建攻略。

1. 安装Node.js

在开始之前，你需要先安装Node.js。如果你还没有安装，请到 Node.js官网 下载合适的版本并安装。

2. 创建项目文件夹并初始化

我们首先需要在本地创建一个项目文件夹，并在其中初始化一个Node.js的项目。

1. 创建项目文件夹（例如，在桌面上创建一个名为 node-server 的文件夹）。

2. 在命令行中进入到该文件夹。

3. 执行以下命令初始化项目：

bash
npm init

这个命令会生成一个 package.json 文件，其中包含项目的基本信息和依赖项列表。

3. 安装依赖包

我们需要安装以下两个依赖包：

• http-server：一个简易的HTTP静态文件服务器。
• nodemon：一个工具，可用于监视文件更改并自动重启服务器。

在命令行中进入到项目文件夹，并执行以下命令：

npm install http-server nodemon --save-dev

这将会安装 http-server 和 nodemon 依赖包，并会把它们加入到 package.json 文件中的 devDependencies 字段中。

4. 创建服务器文件

我们需要创建一个 Node.js 服务器文件，用来启动静态文件服务器。

1. 在项目文件夹根目录下创建一个名为 server.js 的文件。

2. 将以下代码添加到 server.js 文件中：

```js
const http = require('http')
const httpServer = require('http-server')
const server = http.createServer()

const PORT = process.env.PORT || 3000

server.listen(PORT, () => {
console.log(Server running on port ${PORT})
httpServer.createServer({
root: '.'
}).listen(PORT, () => {
console.log(HTTP server running on port ${PORT})
})
})
```

这段代码首先创建一个 Node.js 的 HTTP 服务器，然后使用 http-server 模块创建一个 HTTP 静态文件服务器。最后监听指定的端口（默认为 3000），并输出日志信息。

注意，在这段代码中，我们将静态文件服务器的根目录（也就是将要托管的静态文件所在的目录）设置为 .，即项目文件夹的根目录。你可以根据自己的需要修改该选项。

5. 启动服务器

在命令行中进入到项目文件夹，并执行以下命令：

npm run dev

这将会启动 Node.js 服务器，并使用 nodemon 监听文件更改。每当代码发生变更时，服务器将会自动重启。

现在，你可以在浏览器中访问 http://localhost:3000 ，即可看到静态文件服务器默认的欢迎界面了。

示例说明

示例一：托管静态HTML文件

假设你有一个名为 index.html 的静态 HTML 文件，你想要使用该 Node.js 静态文件服务器托管它。

1. 在项目文件夹中创建 index.html 文件，并添加一些页面内容。

2. 在服务器代码中，将静态文件服务器的根目录设置为 .，即项目文件夹的根目录。

3. 在浏览器中访问 http://localhost:3000/index.html，即可看到托管的页面。

示例二：托管静态图片文件

假设你有一个名为 logo.png 的静态图片文件，你想要使用该 Node.js 静态文件服务器托管它。

1. 在项目文件夹中创建一个名为 images 的文件夹，并在其中添加一个名为 logo.png 的图片文件。

2. 在服务器代码中，将静态文件服务器的根目录设置为 .，即项目文件夹的根目录。

3. 在 HTML 页面中使用图片的相对路径 ./images/logo.png，即可在页面中显示图片。

以上就是使用 Node.js 搭建静态文件服务器的详细攻略，希望对你有所帮助！