如何在 Express 中设置两个不同的静态目录

在Node.js的Express框架中，可以非常方便地设置多个静态文件目录。这样做的优点是可以组织不同类型的静态资源，比如将图片和样式表分别存放在不同的目录里，以便于管理和维护。

下面是如何在Express中设置两个不同静态目录的步骤和示例：

首先，确保你已经安装了Express。如果没有安装，可以通过以下命令安装：

bash
npm install express

接着，你可以创建一个简单的Express应用。假设我们要设置两个静态目录，一个用于存放图片，另一个用于存放CSS文件：

1. 创建你的Express服务器文件，比如叫做 app.js。
2. 在 app.js 中引入Express模块，并初始化一个Express应用。
3. 使用 express.static 中间件来设置静态文件目录。

下面是具体的代码示例：

javascript
const express = require('express');
const app = express();
const port = 3000;

// 设置图片的静态目录
app.use('/images', express.static('public/images'));

// 设置CSS的静态目录
app.use('/css', express.static('public/stylesheets'));

app.get('/', (req, res) => {
  res.send('Welcome to my website!');
});

app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});

在这个例子中：

• 我们有两个目录：public/images 和 public/stylesheets。这两个目录放在项目的根目录下的 public 文件夹里。
• 通过 app.use 我们分别为这些资源设置了路由前缀。访问 /images 路由时，Express会在 public/images 目录下查找文件；访问 /css 时，Express会在 public/stylesheets 目录下查找文件。
• 这意味着如果你有一个图片文件叫做 logo.png 在 public/images 目录下，你可以通过访问 <你的域名>/images/logo.png 来获取这个图片。

通过这种方式，你可以非常灵活地管理和服务你的静态资源，同时保持项目的结构清晰和有序。