在使用 Express.js 框架搭建 web 应用时，通常会设置一个文件夹来存放静态资源，如图片、JavaScript 文件、CSS 文件等。默认情况下，这个文件夹经常被命名为 public。
安装 Express
如果你还没有安装 Express，可以通过 npm 来安装它。打开你的终端或命令提示符，然后输入以下命令：
npm install express
创建 Express 应用
创建一个新的 JavaScript 文件，例如 app.js，并初始化你的 Express 应用：
const express = require('express');
const app = express();
const port = 3000;// 用于解析 JSON 格式的请求体
app.use(express.json());// 静态文件目录
app.use(express.static('public'));// GET 请求
app.get('/api/data', (req, res) => {res.status(200).send({ message: "GET 请求成功", data: [] });
});// POST 请求
app.post('/api/data', (req, res) => {// 假设从请求体中获取数据const newData = req.body;// 这里可以添加逻辑来处理数据，如保存到数据库res.status(201).send({ message: "POST 请求成功", data: newData });
});// PUT 请求
app.put('/api/data/:id', (req, res) => {const { id } = req.params;const updatedData = req.body;// 这里可以添加逻辑来更新数据，如更新数据库中的记录res.status(200).send({ message: `PUT 请求成功，更新的 ID: ${id}`, data: updatedData });
});// DELETE 请求
app.delete('/api/data/:id', (req, res) => {const { id } = req.params;// 这里可以添加逻辑来删除数据，如从数据库中删除记录res.status(200).send({ message: `DELETE 请求成功，删除的 ID: ${id}` });
});// 服务器启动
app.listen(port, () => {console.log(`Server running at http://localhost:${port}`);
});
创建 public 文件夹
在你的项目根目录下，创建一个名为 public 的文件夹。你可以在这个文件夹中放置任何静态文件。
添加静态文件
将你的静态文件（如图片、CSS、JavaScript 文件等）放入 public 文件夹中。例如，你可以创建一个 styles.css 文件和一个 script.js 文件。
访问静态文件
当你的 Express 应用运行时，你可以通过 URL 直接访问这些静态文件。例如，如果你有一个名为 image.png 的图片文件在 public 文件夹中，你可以通过访问 http://localhost:3000/image.png 来查看这个图片。
运行你的应用
在终端或命令提示符中，运行你的应用：
node app.js
现在，你的 Express 应用应该在指定的端口上运行，并能够提供静态文件。
通过以上步骤，你可以轻松地在 Express 应用中设置并使用 public 文件夹作为静态资源目录。这样做可以帮助你管理项目的静态内容，使其更加组织化，并且易于维护。
