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

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

news 2025/12/24 7:18:47

个人简介

👀个人主页：前端杂货铺
🙋‍♂️学习方向：主攻前端方向，正逐渐往全干发展
📃个人状态：研发工程师，现效力于中国工业软件事业
🚀人生格言：积跬步至千里，积小流成江海
🥇推荐学习：🍍前端面试宝典 🎨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

Java 语言特性(面试系列2)

一、SQL 基础 1. 复杂查询 （1）连接查询（JOIN） 内连接（INNER JOIN）：返回两表匹配的记录。 SELECT e.name, d.dept_name FROM employees e INNER JOIN departments d ON e.dept_id d.dept_id; 左…...

编程新知 2025/10/24 14:20:29

【JavaEE】-- HTTP

1. HTTP是什么？ HTTP（全称为"超文本传输协议"）是一种应用非常广泛的应用层协议，HTTP是基于TCP协议的一种应用层协议。应用层协议：是计算机网络协议栈中最高层的协议，它定义了运行在不同主机上…...

编程新知 2025/12/21 4:25:33

什么是库存周转？如何用进销存系统提高库存周转率？

你可能听说过这样一句话： “利润不是赚出来的，是管出来的。” 尤其是在制造业、批发零售、电商这类“货堆成山”的行业，很多企业看着销售不错，账上却没钱、利润也不见了，一翻库存才发现： 一堆卖不动的旧货…...

编程新知 2025/12/23 19:13:22

IT供电系统绝缘监测及故障定位解决方案

随着新能源的快速发展，光伏电站、储能系统及充电设备已广泛应用于现代能源网络。在光伏领域，IT供电系统凭借其持续供电性好、安全性高等优势成为光伏首选，但在长期运行中，例如老化、潮湿、隐裂、机械损伤等问题会影响光伏板绝缘层…...

编程新知 2025/12/15 2:28:05

python执行测试用例，allure报乱码且未成功生成报告

allure执行测试用例时显示乱码：‘allure’ �����ڲ����ⲿ���Ҳ���ǿ�&am…...

编程新知 2025/12/9 4:11:09

NXP S32K146 T-Box 携手 SD NAND（贴片式TF卡）：驱动汽车智能革新的黄金组合

在汽车智能化的汹涌浪潮中，车辆不再仅仅是传统的交通工具，而是逐步演变为高度智能的移动终端。这一转变的核心支撑，来自于车内关键技术的深度融合与协同创新。车载远程信息处理盒（T-Box）方案：NXP S32K146 与…...

编程新知 2025/12/15 13:11:03

论文阅读笔记——Muffin: Testing Deep Learning Libraries via Neural Architecture Fuzzing

Muffin 论文现有方法 CRADLE 和 LEMON，依赖模型推理阶段输出进行差分测试，但在训练阶段是不可行的，因为训练阶段直到最后才有固定输出，中间过程是不断变化的。API 库覆盖低，因为各个 API 都是在各种具体场景下使用。…...

编程新知 2025/12/22 13:05:50

MySQL 主从同步异常处理

阅读原文：https://www.xiaozaoshu.top/articles/mysql-m-s-update-pk MySQL 做双主，遇到的这个错误： Could not execute Update_rows event on table ... Error_code: 1032是 MySQL 主从复制时的经典错误之一，通常表示&#xff…...

编程新知 2025/11/7 10:02:17

41道Django高频题整理(附答案背诵版)

解释一下 Django 和 Tornado 的关系？ Django和Tornado都是Python的web框架，但它们的设计哲学和应用场景有所不同。 Django是一个高级的Python Web框架，鼓励快速开发和干净、实用的设计。它遵循MVC设计，并强调代码复用。Django有…...

编程新知 2025/7/15 10:00:19

1.GRU从零开始实现 #9.1.2GRU从零开始实现 import torch from torch import nn from d2l import torch as d2l#首先读取 8.5节中使用的时间机器数据集 batch_size,num_steps 32,35 train_iter,vocab d2l.load_data_time_machine(batch_size,num_steps) #初始化模型参数 def …...

编程新知 2025/12/22 11:13:07

文章目录

前言

获取请求体数据

防盗链

Referer 头验证

使用 CORS 跨域

使用自定义 HTTP 头

路由模块化

Express 应用程序生成器

总结

相关文章：