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}`);
});


相关推荐
Boale_H3 小时前
如何获取npm的认证令牌token
前端·npm·node.js
帅气的花泽类3 小时前
npm error code ERR_SSL_TLSV1_UNRECOGNIZED_NAME
前端·npm·node.js
San305 小时前
使用 OpenAI API 生成文本与图片:从环境搭建到提示工程完全解析
javascript·人工智能·node.js
Boale_H7 小时前
前端流水线连接npm私有仓库
前端·npm·node.js
有点笨的蛋9 小时前
从零构建你的 AIGC 后端:pnpm + dotenv + OpenAI SDK 的现代工程实践
人工智能·node.js
喜欢踢足球的老罗11 小时前
零依赖一键多端!用纯 Node.js 打造“IP 可访、角色隔离”的轻量化 Mock 服务器
服务器·tcp/ip·node.js
2501_9387820911 小时前
《Express 面试高频错题集:容易踩坑的 Node.js 后端问题解析》
面试·node.js·express
白兰地空瓶12 小时前
从 npm 到 pnpm:现代项目必学的包管理升级指南
node.js
南山安12 小时前
从零开始玩转 AIGC:用 Node.js 调用 OpenAI 接口实现图像生成与销售数据分析
javascript·node.js
葡萄城技术团队13 小时前
将 Node.js REST API 改造为 AI 就绪的 MCP 服务器
node.js