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


相关推荐
无责任此方_修行中3 小时前
谁动了我的数据?一个 Bug 背后的“一行代码”真凶
后端·node.js·debug
岁月宁静4 小时前
AI 语音合成技术实践:实现文本转语音实时流式播放
前端·vue.js·node.js
Never_Satisfied8 小时前
在JavaScript / HTML / Node.js中,post方式的Content-Type属性的text的三种编码
javascript·node.js·html
学习3人组11 小时前
Node.js模块化开发实训案例
node.js·编辑器·vim
思考的笛卡尔12 小时前
Node.js性能优化:从事件循环到内存管理
性能优化·node.js
孟陬1 天前
一个专业的前端如何在国内安装 `pnpm`
npm·node.js·bun
Moonbit1 天前
安装Wasm版的MoonBit工具链
后端·node.js·webassembly
4_0_41 天前
全栈视角:从零构建一个现代化的 Todo 应用
前端·node.js
杏花春雨江南1 天前
npm error Could not resolve dependency:
前端·npm·node.js