讲师中心 微信公众号
AI工具推荐 视频效率加速

如何在Vue和Node全栈项目中防范前后端SQL注入

夜杰吖_3171

夜杰吖_3171

发布时间:2026-10-14 09:55:20

|

678人浏览过

|

来源于php中文网

原创

Node.js层必须用参数化查询(如?占位符+数组传参),前端Vue校验对SQL注入零防护力;mysql.escape()不可靠,因宽字节可绕过且返回带引号字符串,仍致注入。

如何在vue和node全栈项目中防范前后端sql注入

Node.js 层必须用参数化查询,前端 Vue 校验对 SQL 注入零防护力——这是唯一需要记住的前提。

为什么 mysql.escape() 不可靠

它只适配 MySQL,且宽字节编码(如 %df%27)可绕过;更关键的是,escape() 返回的是带引号的字符串,比如 'admin'' OR 1=1 -- ',拼进 SQL 后变成 WHERE name = 'admin'' OR 1=1 -- ',仍能执行注入。这不是“加固”,是假安全。

  • 真正安全的路径只有一条:用 ? 占位符 + 数组传参,例如 pool.execute('SELECT * FROM users WHERE email = ?', [req.body.email])
  • 所有用户输入入口都得走这条路:不只是 req.body,还有 req.query.id、req.params.slug、甚至 req.headers['x-tenant-id']
  • ORM 如 Sequelize 默认走参数化,但一旦调用 sequelize.query() 并拼接字符串,立刻失效

ORDER BY 字段和表名为什么不能用 ?

因为 ? 只能替换成值(value),不能替换成结构(structure)。数据库预编译时,ORDER BY ? 会被当成排序一个字段名为“?”的列,不是你传进去的字符串。

Ainative Vue Sdk
Ainative Vue Sdk

使用 `@ainative/vue-sdk` 为 Vue 3 应用添加 AI 聊天功能。适用于以下场景:(1) 安装 `@ainative/vue-sdk`,(2) 在 Vue 组件中使用 `useChat` 组合式函数,(3) 提供……

下载
  • 动态表名/列名/排序字段必须硬编码白名单,例如:const allowedSorts = { createdAt: 'created_at', name: 'name' };,再取 allowedSorts[req.query.sort] || 'id'
  • 错误做法:SELECT * FROM ${req.query.table} WHERE id = ? —— 白名单校验必须在拼接前完成,且不允许 fallback 到默认值以外的任意字符串
  • 别信正则过滤单引号或分号,`、%27、0x27 都能绕过

Vue 层该做什么,不该做什么

Vue 的作用不是防注入,而是让后端的参数化查询不被意外破坏。

立即学习“前端免费学习笔记(深入)”;

  • 搜索字段保持原始字符串传参,不要 .trim() 后再手动加引号——那是后端 ORM 或 query 构建器该干的事
  • 路由参数如 /user/:id 建议显式转成字符串:router.push({ name: 'User', params: { id: String(rawId) } }),避免大整数被 Vue Router 自动转 number 导致精度丢失
  • 避免在 axios 请求里做类型强转:params: { id: Number(id) } 可能让 NaN 传成字符串 "NaN",后端再 parseInt 仍是 NaN,最终拼出 WHERE id = NaN

最常被忽略的点是:表名、排序字段、多租户 header、分页 offset/limit —— 这些只要进了 SQL 字符串拼接环节,就等于把门钥匙交给了攻击者。参数化不是“用了 ORM 就万事大吉”,而是每一行 query、execute、$queryRaw 都要亲手确认:用户输入是否只出现在 ? 对应的数组里,还是悄悄混进了 SQL 模板中。

热门AI工具

更多
DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2463

2023.08.11

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

6330

2024.03.19

后端的主要工作内容介绍
后端的主要工作内容介绍

后端是应用程序的服务端部分,负责核心任务,如数据库交互、业务逻辑处理和响应客户端请求。想了解更多后端的相关内容,可以阅读本专题下面的文章。

5726

2024.03.19

数据分析工具有哪些
数据分析工具有哪些

数据分析工具有Excel、SQL、Python、R、Tableau、Power BI、SAS、SPSS和MATLAB等。详细介绍:1、Excel,具有强大的计算和数据处理功能;2、SQL,可以进行数据查询、过滤、排序、聚合等操作;3、Python,拥有丰富的数据分析库;4、R,拥有丰富的统计分析库和图形库;5、Tableau,提供了直观易用的用户界面等等。

4243

2023.10.12

SQL中distinct的用法
SQL中distinct的用法

SQL中distinct的语法是“SELECT DISTINCT column1, column2,...,FROM table_name;”。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

891

2023.10.27

SQL中months_between使用方法
SQL中months_between使用方法

在SQL中,MONTHS_BETWEEN 是一个常见的函数,用于计算两个日期之间的月份差。想了解更多SQL的相关内容,可以阅读本专题下面的文章。

1109

2024.02.23

SQL出现5120错误解决方法
SQL出现5120错误解决方法

SQL Server错误5120是由于没有足够的权限来访问或操作指定的数据库或文件引起的。想了解更多sql错误的相关内容,可以阅读本专题下面的文章。

6161

2024.03.06

sql procedure语法错误解决方法
sql procedure语法错误解决方法

sql procedure语法错误解决办法:1、仔细检查错误消息;2、检查语法规则;3、检查括号和引号;4、检查变量和参数;5、检查关键字和函数;6、逐步调试;7、参考文档和示例。想了解更多语法错误的相关内容,可以阅读本专题下面的文章。

3003

2024.03.06

剧云AI短剧创作教程合集
剧云AI短剧创作教程合集

本专题聚焦剧云AI短剧创作,讲解从短剧灵感、梗概、全局大纲到分集、分场和正文的完整流程及节奏设计方法。

0

2026.10.14

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app快速上手
uni-app快速上手

共0课时 | 0人学习

Vue 教程
Vue 教程

共42课时 | 17.1万人学习

Vue3.x 工具篇--十天技能课堂
Vue3.x 工具篇--十天技能课堂

共26课时 | 2.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn