node.js中使用express.static()托管静态资源

express.static()定义

express.static(root, [options])是一个中间件函数,负责为Express应用提供静态资源服务。它允许你指定一个或多个目录作为静态资源的根目录,当客户端请求这些资源时,Express会查找并返回对应的文件。

安装express

npm install express

目录结构

基本用法

javascript 复制代码
// 引入express
const express = require('express');
const app = express();
 
// 指定静态资源目录
app.use(express.static('./resourceA'));
// 启动服务器
const PORT = 3000;
app.listen(PORT, () => {
  console.log(`Server is running on http://localhost:${PORT}`);
});

托管多个静态资源目录

javascript 复制代码
// 引入express
const express = require('express');
const app = express();
 
// 托管多个静态资源目录 express.static()函数会根据目录的添加循序查找所需文件,先找到的先访问
app.use(express.static('./resourceA'));
app.use(express.static('./resourceB'));
// 启动服务器
const PORT = 3000;
app.listen(PORT, () => {
  console.log(`Server is running on http://localhost:${PORT}`);
});

添加挂载路径前缀

javascript 复制代码
// 引入express
const express = require('express');
const app = express();
 
// 添加挂载路径前缀
app.use('/resourceA', express.static('./resourceA'));
app.use('/resourceB', express.static('./resourceB'));
// 启动服务器
const PORT = 3000;
app.listen(PORT, () => {
  console.log(`Server is running on http://localhost:${PORT}`);
});


相关推荐
popoxf9 小时前
在新版本的微信开发者工具中使用npm包
前端·npm·node.js
Q_Q196328847512 小时前
python的平安驾校管理系统
开发语言·spring boot·python·django·flask·node.js·php
GISer_Jing12 小时前
LLM对话框项目总结II
前端·javascript·node.js
GDAL17 小时前
Node.js 聊天内容加密解密实战教程(含缓存密钥优化)
缓存·node.js
congvee18 小时前
express学习第2期 - dotenv 加载配置文件
express
原则猫18 小时前
jscodeshift 工程运用
前端·node.js
不简说19 小时前
Nodejs AI SDK盘点
javascript·node.js·openai
Q_Q5110082851 天前
python的婚纱影楼管理系统
开发语言·spring boot·python·django·flask·node.js·php
GDAL2 天前
os.machine()详解
node.js
mgx_7182 天前
windows指定某node及npm版本下载
前端·npm·node.js