CSRF,XSS攻击与预防

CSRF

CSRF(Cross-site request forgery)跨站请求伪造,也被称为"One Click Attack"或者Session Riding,通常缩写为CSRF或者XSRF,是一种对网站的恶意利用。

在使用Cookie作为登录标记的系统上,Cookie泄露是个严重的问题,因此浏览器做了一些优化,浏览器会以域名为单位来存储Cookie,在访问同一个域名的时候自动会带上此域名对应的Cookie,同时你无法通过javascript获取其他域名的Cookie。比如有两个域名A和B,用户在A网站上已经完成了登录,此时Cookie被保存了下来,如果在域名B下面的某个页面上跳转到域名A下面的某个页面,你会发现域名A的Cookie会被带上,同时还发现请求头中的 Referer 是域名B的。

那么在什么情况下会出现呢,比如你再浏览器打开了网站A并登录了进去,此时你不小心打开了恶意网站B,如果网站B幕后的人对网站A很难了解,这样可能就危险了。

如果是普通的页面跳转一般是GET操作,会导致用户信息被泄露。

如果网站B使用的是POST表单提交的话,可能会导致一些修改操作,这就很危险了。

此时后端程序需要校验 Referer才行,或者不使用 Cookie ,改用 JWT 这样的令牌。

XSS

XSS又叫CSS(Cross Site Script),跨站脚本攻击。

试想一下,在一个用户可以发布文章和发布评论的网站上,如果用户输入的内容包含javascript脚本会怎么样,此时浏览器会按照脚本内容执行的,显然这个页面上的脚本是能够获取到诸如Cookie或者header信息的,它可以将这些信息投递到黑客的系统,危害巨大。

防范措施就是在用户提交评论等输入信息的时候,后端程序要做好对特殊字符的转义处理。

相关推荐
codeGoogle16 小时前
自研 IM 还是选择第三方 SDK?企业开发者应该如何权衡?
前端·后端·程序员
用户9385156350717 小时前
React Context 与自定义 Hook 从底层到实践:「跨层级通信 + 副作用封装」全解析
前端·javascript·react.js
滴滴答答哒18 小时前
VUE3+element-plus MultiSelect 多选下拉组件
前端·javascript·vue.js
其美杰布-富贵-李18 小时前
04 watch 与 Vue 响应式数据流
前端·javascript·vue.js
赵大仁19 小时前
生成式 UI 实战:用 JSON Schema + React 动态渲染 AI 界面
前端·ai·react·next.js·前端架构·生成式ui
kyriewen20 小时前
我排查了一个React内存泄漏——罪魁祸首是这3个被忽略的清理函数
前端·javascript·面试
IT_陈寒21 小时前
我又被JavaScript的隐式类型转换坑了
前端·人工智能·后端
其美杰布-富贵-李21 小时前
03 ref、reactive 与 computed 响应式数据
前端·javascript·vue.js
OpenTiny社区21 小时前
GenUI SDK v1.3.0 发布|多框架兼容,一键换物料,渲染器 & 演练场全面增强!
前端·ai编程
用户9385156350721 小时前
useRef + Web Worker 实战:React 如何优雅地拥抱多线程
前端·javascript·react.js