当前位置：首页 > news >正文

Node.js——body-parser、防盗链、路由模块化、express-generator应用生成器

news 2026/3/27 10:04:56

个人简介

👀个人主页：前端杂货铺
🙋‍♂️学习方向：主攻前端方向，正逐渐往全干发展
📃个人状态：研发工程师，现效力于中国工业软件事业
🚀人生格言：积跬步至千里，积小流成江海
🥇推荐学习：🍍前端面试宝典 🎨100个小功能 🍉Vue2 🍋Vue3 🍓Vue2/3项目实战 🥝Node.js实战 🍒Three.js

🌕个人推广：每篇文章最下方都有加入方式，旨在交流学习&资源分享，快加入进来吧

内容	参考链接
Node.js（一）	Node.js——fs（文件系统）模块
Node.js（二）	Node.js——path（路径操作）模块
Node.js（三）	Node.js——http 模块（一）
Node.js（四）	Node.js——http 模块（二）
Node.js（五）	Node.js——express项目搭建、请求、响应
Node.js（六）	Node.js——express中间件（全局中间件、路由中间件、静态资源中间件）

文章目录

- 前言
- 获取请求体数据
- 防盗链
- - Referer 头验证
  - 使用 CORS 跨域
  - 使用自定义 HTTP 头
- 路由模块化
- Express 应用程序生成器
- 总结

前言

上篇文章我们认识了中间件的使用及作用。

本篇文章我们学习如何获取请求体数据、防盗链的使用。

获取请求体数据

express 可以使用 body-parser 包处理请求体；它支持多种格式的数据解析，包括JSON、URL编码和文件上传处理。

安装 body-parser 包

npm i body-parser

导入 body-parser 包

const bodyParser = require('body-parser');

获取中间件函数：

const urlParser = bodyParser.urlencoded({extend: false});
const jsonParser = bodyParser.json();

下面，我们设置路由中间件，然后使用 req.body 来获取请求体数据。

const bodyParser = require("body-parser");
const express = require("express");const app = express();// 解析 json 格式的请求体的中间件
const jsonParser = bodyParser.json();
// 解析 querystring 格式请求体的中间件
const urlencodeParser = bodyParser.urlencoded({ extended: false });app.get("/login", (req, res) => {res.sendFile(__dirname + "/index.html");
});// urlencodeParser 执行完毕之后，会往 req 中添加一个 body
app.post("/login", urlencodeParser, (req, res) => {console.log(req.body);res.send("获取用户的数据");
});app.listen(3000, () => {console.log("服务已启动，端口 3000 正在监听中...");
});

index.html 中的内容如下，发送 post 请求（PS：也可以使用 postman 等第三方工具发）。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><body><form action="/login" method="post">用户名：<input type="text" name="username" /><br />密码：<input type="text" name="password" /><br /><button>登录</button></form></body>
</html>

在这里插入图片描述

防盗链

在 Node.js 环境中，防止资源被直接访问（即防盗链）通常涉及到几个关键方面，包括设置HTTP响应头、使用服务器端的访问控制以及可能的客户端验证。

Referer 头验证

在服务器端，检查请求的 Referer 头来验证请求是否来自你的网站。这种方法依赖于客户端正确设置 Referer 头，但这不是100%可靠的，因为用户可以禁用 Referer 头。

const express = require("express");const app = express();app.use((req, res, next) => {let referer = req.get("referer");if (referer) {const url = new URL(referer);const hostname = url.hostname;if (hostname !== "127.0.0.1") {res.status(404).send("Not Found");return;}}next();
});app.use(express.static(__dirname + "/public"));app.listen(3000, () => {console.log("服务已启动，端口 3000 正在监听中...");
});

在 public/index.html 中添加如下代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title></head><body><p>http://localhost:3000/ => 不显示svg图片</p><p>http://127.0.0.1:3000/ => 显示svg图片</p><img src="http://localhost:3000/images/star.svg" alt="" /></body>
</html>

在这里插入图片描述

使用 CORS 跨域

使用 CORS 跨域间接帮助防止资源被未授权的网站访问。

const cors = require('cors');
const app = express();app.use(cors({origin: 'https://yourdomain.com' // 只允许来自此域的请求
}));

使用自定义 HTTP 头

通过设置 X-Frame-Options 头，你可以防止资源被嵌入到其他网站中，这是一种间接的防盗链方法。

app.use((req, res, next) => {res.setHeader('X-Frame-Options', 'SAMEORIGIN'); // 或 'DENY' 来完全禁止嵌入next();
});

路由模块化

实际开发中，路由会有很多种（比如前台路由、后台路由等），我们可以把路由模块化，这样更易于维护、代码也更清晰。

创建 homeRouter.js 文件，用于存放前台路由。

const express = require("express");// 创建路由对象
const router = express.Router();router.get("/home", (req, res) => {res.send("前台首页");
});router.get("/search", (req, res) => {res.send("内容搜索");
});module.exports = router;

创建 adminRouter.js 文件，用于存放后台路由。

const express = require("express");// 创建路由对象
const router = express.Router();router.get("/admin", (req, res) => {res.send("后台首页");
});router.get("/setting", (req, res) => {res.send("后台设置");
});module.exports = router;

在主文件中，引入前台路由和后台路由，并通过 app.use() 使用它们。

const express = require("express");
const homeRouter = require("./routes/homeRouter");
const adminRouter = require("./routes/adminRouter");const app = express();
// 前台路由
app.use(homeRouter);
// 后台路由
app.use(adminRouter);router.get("*", (req, res) => {res.send("Not Found");
});app.listen(3000, () => {console.log("服务已启动，端口 3000 正在监听中...");
});

在这里插入图片描述

Express 应用程序生成器

通过应用生成器能快速创建一个应用骨架。

安装 express-generator

npm i express-generator

创建名为 express-generator 的应用程序。

experss -e express-generator

之后再 npm i 安装一下依赖，即可得到如下的目录结构。

在这里插入图片描述

终端键入命令 npm start 即可运行应用。

在这里插入图片描述

总结

本篇文章我们学习了 使用 body-parser 获取请求体数据、使用 referer 头验证等方式添加防盗链、拆分路由实现其模块化，使用 express-generator 快速搭建应用等。

好啦，本篇文章到这里就要和大家说再见啦，祝你这篇文章阅读愉快，你下篇文章的阅读愉快留着我下篇文章再祝！

参考资料：

Node.js教程（菜鸟教程）
Node.js零基础视频教程（尚硅谷 · 李强）

在这里插入图片描述

Node.js——body-parser、防盗链、路由模块化、express-generator应用生成器

个人简介 👀个人主页： 前端杂货铺 🙋‍♂️学习方向： 主攻前端方向，正逐渐往全干发展 📃个人状态： 研发工程师，现效力于中国工业软件事业 🚀人生格言： 积跬步…...

编程日记 2025/2/2 4:11:50

22.Word：小张-经费联审核结算单❗【16】

目录 NO1.2 NO3.4 NO5.6.7 NO8邮件合并 MS搜狗输入法 NO1.2 用ms打开文件，而不是wps❗不然后面都没分布局→页面设置→页面大小→页面方向→上下左右：页边距→页码范围：多页：拼页光标处于→布局→分隔符：分节符…...

编程日记 2025/2/2 4:10:48

Agent 高频知识汇总：查漏补缺参考大全

Agent 高频问题汇总一、基础概念类 （一）请解释 Agent 的概念及其主要特点 Agent 是一种能够感知所处环境，并基于感知信息做出决策、采取行动以实现特定目标的实体。它既可以是简单的规则基系统，也能是复杂的智能体&#xff0c…...

编程日记 2025/2/2 4:09:47

本地化部署DeepSeek-R1

本文环境搭建均基于免费工具，感谢开源。一、下载工具并安装 1. Ollama：最新版本 0.5.7 官网在这里 https://ollama.com/download 但是下载太慢，得换个思路 https://sourceforge.net/projects/ollama.mirror/ 2.Chatbox https://cha…...

编程日记 2025/2/2 4:02:40

验证二叉搜索数（98）

98. 验证二叉搜索树 - 力扣（LeetCode） 解法： /*** Definition for a binary tree node.* struct TreeNode {* int val;* TreeNode *left;* TreeNode *right;* TreeNode() : val(0), left(nullptr), right(nullptr) {}* …...

编程日记 2025/2/2 4:00:38

StarRocks BE源码编译、CLion高亮跳转方法

阅读SR BE源码时，很多类的引用位置爆红找不到，或无法跳转过去，而自己的Linux机器往往缺乏各种C依赖库，配置安装比较麻烦，因此总体的思路是通过CLion远程连接SR社区已经安装完各种依赖库的Docker容器，进行编…...

编程日记 2025/2/2 3:59:36

数模测评：doubao1.5＞deepseek-v3＞gpt-o1

本次测试了当前评价最高的三款大模型doubao1.5、gpt-o1、deepseek-v3(r1崩溃)，都是采用无提示词的硬核提问方式，测试视频如下。 gpto1、doubao1.5、deepseek测评测试方式： 上传美赛六道题目文件直接提问以下5句话： 这是一道数学…...

编程日记 2025/2/2 3:55:32

晴，初三，年已过

既然直播如此影响情绪，为什么还要直播？因为无聊？明明那么多事情可以打发时间。真不想懂。今日初三，昨天晚上小舅家聚，今天大舅家聚，计划明天小姨妈家聚。今晚喝了点大舅哥哥泡的白葡萄酒，…...

编程日记 2025/2/2 3:54:31

Vue3 v-bind 和 v-model 对比

1. 基本概念 1.1 v-bind 单向数据绑定从父组件向子组件传递数据简写形式为 : 1.2 v-model 双向数据绑定父子组件数据同步本质是 v-bind 和 v-on 的语法糖 2. 基础用法对比 2.1 表单元素绑定  <template><input :value"text&quo…...

编程日记 2025/2/2 3:41:15

Smalltalk语言是何物?面向对象鼻祖Simula的诞生？Simula和Smalltalk有什么区别?面向对象设计?

Smalltalk语言是何物? Smalltalk语言的前身可以追溯到Flex系统，这是由Alan Kay最早提出的。在随后的发展中，Smalltalk逐渐演化，并出现了Smalltalk-72和Smalltalk-76等版本。最终，在经过近10年的研究与发展后，Xerox研究…...

编程日记 2025/2/2 3:40:13

KVM/ARM——基于ARM虚拟化扩展的VMM

1. 前言 ARM架构为了支持虚拟化做了些扩展，称为虚拟化扩展(Virtualization Extensions)。原先为VT-x创建的KVM(Linux-based Kernel Virtual Machine)适配了ARM体系结构，引入了KVM/ARM (the Linux ARM hypervisor)。KVM/ARM没有在hypervisor中引入复杂的…...

编程日记 2025/2/2 3:37:10

Windows系统中Docker可视化工具对比分析，Docker Desktop，Portainer，Rancher

Docker可视化工具对比分析，Docker Desktop，Portainer，Rancher Windows系统中Docker可视化工具对比分析1. 工具概览2. Docker Desktop官网链接：主要优点：主要缺点：版本更新频率： 3. Portainer官网…...

编程日记 2025/2/2 3:35:08

【架构面试】二、消息队列和MySQL和Redis

MQ MQ消息中间件问题引出与MQ作用常见面试问题：面试官常针对项目中使用MQ技术的候选人提问，如如何确保消息不丢失，该问题可考察候选人技术能力。MQ应用场景及作用：以京东系统下单扣减京豆为例，MQ用于交易服和京豆服…...

编程日记 2025/2/2 3:33:05

算法【完全背包】

完全背包与01背包的区别仅在于每种商品可以选取无限次。时间复杂度O(物品数量 * 背包容量) 下面通过题目加深理解。题目一测试链接：疯狂的采药 - 洛谷分析：这是一道完全背包的模板题。对于第i个物品的可能性展开也有两种，第一种是不取第…...

编程日记 2025/2/2 3:32:04

二叉树的遍历

有一个结点的二叉树。给出每个结点的两个子结点编号，建立一棵二叉树，如果是叶子结点，则输入 0 0。建好树这棵二叉树之后，依次求出它的前序、中序、后序列遍历。输入格式: 第一行一个整数n ，表示结点数。之后n 行…...

编程日记 2025/2/2 3:26:59

1.31 实现五个线程的同步

1.使用互斥锁实现 1>程序代码 #include <stdio.h> #include <string.h> #include <unistd.h> #include <stdlib.h> #include <sys/types.h> #include <sys/stat.h> #include <fcntl.h> #include <pthread.h> #include &l…...

编程日记 2025/2/2 3:24:56

three.js+WebGL踩坑经验合集(6.1):负缩放，负定矩阵和行列式的关系（2D版本）

春节忙完一轮，总算可以继续来写博客了。希望在春节假期结束之前能多更新几篇。这一篇会偏理论多一点。笔者本没打算在这一系列里面重点讲理论，所以像相机矩阵推导这种网上已经很多优质文章的内容，笔者就一笔带过。然而关于负缩放&#xf…...

编程日记 2025/2/2 3:21:50

【开源免费】基于SpringBoot+Vue.JS体育馆管理系统（JAVA毕业设计）

本文项目编号 T 165 ，文末自助获取源码 \color{red}{T165，文末自助获取源码} T165，文末自助获取源码目录一、系统介绍二、数据库设计三、配套教程3.1 启动教程3.2 讲解视频3.3 二次开发教程四、功能截图五、文案资料5.1 选题背景5.2 国内…...

编程日记 2025/2/2 3:20:48

《大数据时代“快刀”：Flink实时数据处理框架优势全解析》

在数字化浪潮中，数据呈爆发式增长，实时数据处理的重要性愈发凸显。从金融交易的实时风险监控，到电商平台的用户行为分析，各行业都急需能快速处理海量数据的工具。Flink作为一款开源的分布式流处理框架，在这一领域崭露头…...

编程日记 2025/2/2 3:15:43

antdesignvue统计数据源条数、计算某列合计值、小数计算不精确多了很多小数位

1.在</a-table>下方加如下代码 <div>数据总条数：{ {tableData.length}}&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <template>A列合计：{ {sum}}</template> </div> 注：tableData为<a-tabl…...

编程日记 2025/2/2 3:07:34

LeagueAkari终极教程：英雄联盟玩家的智能辅助工具完全指南

LeagueAkari终极教程：英雄联盟玩家的智能辅助工具完全指南【免费下载链接】League-Toolkit 兴趣使然的、简单易用的英雄联盟工具集。支持战绩查询、自动秒选等功能。基于 LCU API。项目地址: https://gitcode.com/gh_mirrors/le/League-Toolkit LeagueAkar…...

编程新知 2026/3/27 9:00:47

实验结果与分析篇 | 本科/硕士必备，一文搞定实验结果与分析部分！基于改进 ConvNeXt 的农作物病虫害识别系统

前言 “代码跑通了，论文怎么写？”，这恐怕是无数 CV 算法/人工智能萌新在面对毕设或期刊投稿时最大的痛。纯缝合模型容易被拒（看你写作能力了），实验分析写成了干巴巴的报流水账，缺乏深度的理论支…...

编程新知 2026/3/27 8:40:38

一只菜鸟学深度学习的日记：填充步幅下采样

陕访惹玫在前两篇文章《最小二乘问题详解10：PnP问题求解》和《最小二乘问题详解11：基于李代数的PnP优化》中，我们分别通过常规思想与李代数思想，深入探讨了计算机视觉中 SFM（Structure from Motion）系统的核…...

编程新知 2026/3/27 7:44:15

京东云GPU服务器省钱攻略：如何根据业务需求灵活选择计费模式和虚拟化方案

京东云GPU服务器成本优化实战指南：精准匹配业务需求的选型策略在AI与高性能计算领域，GPU服务器已成为企业技术基础设施的核心组件。然而，面对复杂的计费模式、多样的硬件配置以及差异化的虚拟化方案，许多技术决策者常常陷入"…...

编程新知 2026/3/27 7:01:26

MIXBOX vs MisstarTools：小米路由器插件管理工具深度对比与选择建议

MIXBOX vs MisstarTools：小米路由器插件生态深度解析与实战指南当小米路由器遇上第三方插件管理工具，整个设备的可玩性会瞬间提升几个层级。作为长期折腾智能路由的玩家，我几乎试遍了市面上所有主流的小米路由器增强方案，其中最让…...

编程新知 2026/3/27 6:53:22

Nanbeige 4.1-3B赋能微信小程序：打造智能客服对话机器人

Nanbeige 4.1-3B赋能微信小程序：打造智能客服对话机器人最近在帮一个做电商的朋友琢磨怎么优化他们的客服系统。他们每天要处理大量重复的咨询，比如“什么时候发货”、“怎么退换货”，人工客服忙得团团转，用户还得排队等。这让我…...

编程新知 2026/3/27 5:57:00

Qwen2.5-72B-GPTQ-Int4保姆级教程：log排查技巧+Chainlit响应延迟优化

Qwen2.5-72B-GPTQ-Int4保姆级教程：log排查技巧Chainlit响应延迟优化 1. 模型简介与部署准备 Qwen2.5-72B-Instruct-GPTQ-Int4是通义千问大模型系列的最新版本，在知识量、编程能力和数学能力方面有显著提升。这个72.7B参数的模型经过GPTQ 4-bit量化&…...

编程新知 2026/3/27 5:52:59

新手也能懂的RAIM算法：用Python复现GNSS完好性监测（附代码与数据）

新手也能懂的RAIM算法：用Python复现GNSS完好性监测（附代码与数据） 当你用手机导航时，是否想过这些定位信号有多可靠？RAIM（Receiver Autonomous Integrity Monitoring）算法就像GNSS系统的"质…...

编程新知 2026/3/27 5:36:54

告别macOS原生切换烦恼：alt-tab-macos让窗口管理效率提升300%的终极指南

告别macOS原生切换烦恼：alt-tab-macos让窗口管理效率提升300%的终极指南【免费下载链接】alt-tab-macos Windows alt-tab on macOS 项目地址: https://gitcode.com/gh_mirrors/al/alt-tab-macos 作为macOS用户，你是否也曾对系统自带的窗口切换功…...

编程新知 2026/3/27 5:06:41

知识图谱项目实战（基础概念以及工具使用）【第一章】

在RAG以及Agent的应用领域中,知识图谱可以增强知识库的检索效果(通过搭建知识图谱数据库(GraphRag)实现).在教育医疗以及金融领域应用广泛.图谱（graph）有节点和边组成一.知识图谱理论1.1知识图谱的整体架构1.2知识图谱架构实现流程1. 文本标注(Doccano标…...

编程新知 2026/3/27 4:33:58

文章目录

前言

获取请求体数据

防盗链

Referer 头验证

使用 CORS 跨域

使用自定义 HTTP 头

路由模块化

Express 应用程序生成器

总结

相关文章：