MD5加密加盐及前端安全CSRF

最新推荐文章于 2024-04-18 14:16:32 发布

小旋风01234

最新推荐文章于 2024-04-18 14:16:32 发布

阅读量1.6k

点赞数

分类专栏：面试文章标签： md5 js

本文链接：https://blog.csdn.net/qq_43217258/article/details/107501027

版权

面试专栏收录该内容

6 篇文章 1 订阅

订阅专栏

MD5加密加盐及前端安全CSRF

MD5官方代码地址：https://github.com/emn178/js-md5/blob/master/src/md5.js

使用：

md5加密的使用方法就是：md5(‘密码’);
加盐就是：md5(‘密码’+‘盐’)

总结：

加密和加盐的结果都是固定不变的，以前一直以为是随机的。。。
CSRF就更扯淡了，要不加请求头token，要不验证 HTTP Referer 字段，要不在 HTTP 头中自定义属性并验证
具体文章：CSRF攻击与防御（写得非常好），和密码在前端加密完全没有意义
具体代码：

<!DOCTYPE html>
<html lang="zh-CH">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>MD5</title>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <!-- 引入组件库 -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script src="./md5.js"></script>
  <style>
    #app {
      width: 500px;
      height: 500px;
      margin: 0 auto;
    }

    .auto {
      text-align: center;
    }

    .autoDiv {
      margin: 0 auto;
    }
  </style>
</head>

<body>
  <div id="app">
    <el-form label-width="100px" :model='form'>
      <el-form-item label="用户名" prop='username'>
        <el-input v-model='form.username'></el-input>
      </el-form-item>
      <el-form-item label="密码" prop='password'>
        <el-input v-model='form.password'></el-input>
      </el-form-item>
      <el-form-item>
        <el-button>取消</el-button>
        <el-button type="primary" @click="loginClick">登录</el-button>
      </el-form-item>
    </el-form>
  </div>

</body>
<script>
  var app = new Vue({
    el: '#app',
    data() {
      return {
        form: {
          username: '',
          password: ''
        },
        password1: '',
        password2: ''
      }
    },
    methods: {
      loginClick() {
        // console.log(this.form);
        this.password1 = md5(this.form.password);
        this.password2 = md5(this.form.password+'123');
        console.log('原密码',this.form.password);
        console.log('MD5加密后',this.password1);
        console.log('MD5加盟加盐后',this.password2);
      }
    },
  })
</script>

</html>

结果：
md5加密加盐

小旋风01234

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
MD5加密加盐及前端安全CSRF

MD5加密加盐及前端安全CSRFMD5官方代码地址：https://github.com/emn178/js-md5/blob/master/src/md5.js使用：md5加密的使用方法就是：md5(‘密码’);加盐就是：md5(‘密码’,‘盐’)总结：加密和加盐的结果都是固定不变的，以前一直以为是随机的。。。CSRF就更扯淡了，要不加请求头token，要不验证 HTTP Referer 字段，要不在 HTTP 头中自定义属性并验证具体文章：CSRF攻击与防御（写得非常好），和密码在前端加
复制链接

扫一扫