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


相关推荐
亮子AI1 小时前
【npm】npm 包更新工具 npm-check-updates (ncu)
前端·npm·node.js
Yvonne爱编码1 小时前
构建高效协作的桥梁:前后端衔接实践与接口文档规范详解
前端·git·ajax·webpack·node.js
Juchecar4 小时前
AI教你常识之 ESM + Express + Vue3 + CSV文件 + Pinia + CRUD
node.js
召摇6 小时前
Nue.js深度解析:极简主义前端框架的革新实践
前端·node.js
木辰風7 小时前
idea npm install 很慢(nodejs)
前端·npm·node.js
wyzqhhhh19 小时前
组件库打包工具选型(npm/pnpm/yarn)的区别和技术考量
前端·npm·node.js
csdn_aspnet1 天前
使用nvm管理node多版本(安装、卸载nvm,配置环境变量,更换npm淘宝镜像)
npm·node.js
Juchecar1 天前
AI教你常识之 ESM + Express + EJS + 表单POST + CSV文件
node.js
xiaopengbc1 天前
在Webpack中,如何在不同环境中使用不同的API地址?
前端·webpack·node.js
Gogo8161 天前
java与node.js对比
java·node.js