web安全,常见的攻击以及如何防御

1、CSRF攻击

CSRF即Cross-site request forgery(跨站请求伪造)

(1)表单带一个后端生成的 token,或用XMLHttpRequest附加在header里。

复制代码
<form action="example.com/swap" method="POST">
  <input type="hidden" name="token" value="aaaabbbb">
  ...
</form>

(2)设置cookie属性SameSite 为StrictLax。基本就杜绝了 CSRF 攻击,当然,前提是用户浏览器支持 SameSite 属性。

(3)验证 HTTP Origin或Referer 字段。记录了该 HTTP 请求的来源地址。缺点:Referer 值是由浏览器提供的,因为浏览器限制,不能手动添加和修改referer请求头。使用验证 Referer 值的方法,就是把安全性都依赖于第三方(即浏览器)来保障,从理论上来讲,这样并不安全。对于某些浏览器,比如 IE6 ,目前已经有一些方法可以篡改 Referer 值。用户自己也可以设置浏览器使其在发送请求时不再提供 Referer。

(4)提交验证码。在表单中添加一个随机的数字、字母、图片(缺失一块位置,拖动补齐)验证码。通过强制用户和应用进行交互来有效地遏制CSRF攻击。

参考:

CSRF防御之token认证_csrf token-CSDN博客

2、XSS攻击

XSS即Cross Site Scripting(跨站脚本攻击),攻击者通过各种方式将恶意代码注入到用户的页面中,这样就可以通过脚本进行一些操作。

相关推荐
前端小D几秒前
ES6 中的 Promise
前端·javascript·es6·promise
光影少年几秒前
React和Vue的区别?
前端·vue.js·react.js
遗憾随她而去.2 分钟前
前端跨页面通信:8 种方案全解析(附实战案例)
前端
何中应4 分钟前
<el-tag>标签使用
前端·vue.js·elementui
清汤饺子6 分钟前
Cursor 独有的 12 个技巧:这些是 Claude Code 没有的
前端·后端·ai编程
白菜__6 分钟前
阿里V2滑块小程序版本
javascript·爬虫·网络协议·小程序·node.js
Mr数据杨7 分钟前
【Dv3Admin】FastCRUD富文本编辑器操作
前端·javascript
倾颜7 分钟前
零成本本地大模型!用 Next.js + Ollama + Qwen3 打造流式聊天应用
前端·后端·ai编程
英俊潇洒美少年8 分钟前
react useDeferredValue和useTransition有啥区别
javascript·react.js·ecmascript