Vue登录密码验证MD5加密实践

一、特点

• 1、压缩性：任意长度的数据，算出的MD5值长度都是固定的。
• 2、容易计算：从原数据计算出MD5值很容易。
• 3、抗修改性：对原数据进行任何改动，哪怕只修改1个字节，所得到的MD5值都有很大区别。
• 4、强抗碰撞：已知原数据和其MD5值，想找到一个具有相同MD5值的数据（即伪造数据）是非常困难的。

二、开始

1、安装 js-md5

npm install js-md5 --save

2、在 main.js 中引入 (在单组件引入后，直接使用：如：md5("123456"))

import md5 from 'js-md5';

3、 放到原型上，方便使用

Vue.prototype.$md5 = md5;

三、使用

1、加密

let pwd = "123456";
let secret = "zheshimima";
console.log(this.$md5(pwd)); // e10adc3949ba59abbe56e057f20f883e // 第一次加密
let m1 = this.$md5(pwd) + secret;
console.log(this.$md5(m1)); // ffad1f7682ea8ef94698c103fb5b1675 // 第二次加密

tips：登录时密码验证

验证时，用加密后的 密码 与 数据库 里的密码进行比较；

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。