怎么使用express.static中间件来设置静态文件目录
时间: 2024-03-03 15:48:20 浏览: 28
使用`express.static`中间件来设置静态文件目录非常简单,只需要在你的Express应用中使用以下代码即可:
```javascript
const express = require('express');
const app = express();
// 将public目录设置为静态文件目录
app.use(express.static('public'));
// 其他路由处理代码...
// 监听端口
app.listen(3000, () => {
console.log('Server is running on port 3000!');
});
```
在上面的代码中,我们使用`express.static`中间件将`public`目录设置为静态文件目录。这意味着,当用户请求`/`路径时,Express将会在`public`目录下查找`index.html`文件并返回给用户;当用户请求`/css/style.css`时,Express将会在`public/css`目录下查找`style.css`文件并返回给用户。
如果你有多个静态文件目录,你可以多次调用`express.static`中间件来设置不同的目录。例如,下面的代码将同时设置`public`和`files`两个目录作为静态文件目录:
```javascript
const express = require('express');
const app = express();
// 将public和files目录设置为静态文件目录
app.use(express.static('public'));
app.use(express.static('files'));
// 其他路由处理代码...
// 监听端口
app.listen(3000, () => {
console.log('Server is running on port 3000!');
});
```
请注意,静态文件目录的路径是相对于运行Node.js应用的目录的,因此你需要确保在正确的目录下运行你的应用程序,以便正确地设置静态文件目录。