常见网络安全攻击种类

最新推荐文章于 2024-11-08 11:10:24 发布

梨花凉°

最新推荐文章于 2024-11-08 11:10:24 发布

阅读量341

点赞数 6

文章标签： web安全安全

本文链接：https://blog.csdn.net/weixin_62834659/article/details/136352282

版权

本文介绍了XSS攻击的原理，涉及v-html的使用可能导致的安全风险，以及如何通过npm安装XSS库进行防御。同时讨论了XSRF/CSRF问题和SSRF漏洞，提出了解决方案如使用POST请求和设置服务器端响应头来保护系统。

摘要由CSDN通过智能技术生成

XSS攻击-跨站脚本攻击

<template>
  <div id="app">
    <div class="content">

      <ul>
        <li v-for="(item, index) in list" :key="index">
          <span v-html="item"></span>
        </li>
      </ul>
    </div>
    <input type="text" v-model="msg" />
    <button @click="handleSubmit">提交</button>
  </div>
</template>

<script>
export default {
  name: 'App',
  data () {
    return {
      msg: '',
      list: JSON.parse(localStorage.getItem('list')) || []
    }
  },
  methods: {
    saveToStorage (item) {
      const list = JSON.parse(localStorage.getItem('list')) || []
      list.push(item)
      localStorage.setItem('list', JSON.stringify(list))
    },
    handleSubmit () {
      this.list.push(this.msg)
      this.saveToStorage(this.msg)
    }
  }
}
</script>

localStorage模拟存入数据库

本用户存在这张图片，但其他用户不存在的时候，就会触发onerror，会暴漏用户的cookie信息等，也可以发送请求，把数据传给其他的网站

解决方法

npm install xss

import xss from xss

<ul>
    <li v-for="(item, index) in list" :key="index">
      <span v-html="xss(item)"></span>
    </li>
</ul>

xss (item) {
  return xss(item)
}

XSRF/CSRF-跨站请求伪造

src请求会把用户的cookie带进去

<div id="app">
    <button @click="login">登录</button>
    <button @click="pay">购买</button>
    <!-- img的src可以跨域 -->
    <img src="https://www.baidu.com" />
</div>

解决方法把支付接口换成post请求接口更复杂