MD5前端vue加密

最新推荐文章于 2024-10-10 20:15:19 发布

转载最新推荐文章于 2024-10-10 20:15:19 发布 · 400 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/kaijiangyugty/p/11572957.html

文章标签：

#前端 #javascript #后端 #ViewUI

本文详细介绍如何在Vue前端使用MD5加密用户密码，包括npm包的安装、crypto模块的导入及md5方法的调用流程，确保用户密码在传输过程中的安全性。

Vue 前端md5加密
用户注册时将加密后的密码发送给后端存储
当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。
npm: https://www.npmjs.com/package/crypto-browserify
此加密无须解密。
安装: npm install crypto --save
在需要用到的文件中通过 import 引入。
import crypto from 'crypto'
调用 createHash('md5')方法会返回一个 md5实例对象
const md5 = crypto.createHash('md5')
md5这个实例对象的原型上有很多的方法。
md5.update(你要加密的内容), 调用之后也会返回一个 this,其实也是 md5这个实例对象
const md5pwd = md5.digest('hex')//hex需要加密的账号和密码
md5pwd就是加密后的内容了。直接传递给后端
login() {
let {username, password} = this.from;
if (username !== '' && password !== '') {
const md5 = crypto.createHash('md5')
md5.update(password)
let md5password = md5.digest('hex')
}
}