Vue 前端md5加密

最新推荐文章于 2024-05-09 18:50:39 发布

weixin_30315435

最新推荐文章于 2024-05-09 18:50:39 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript 后端 ViewUI

原文链接：http://www.cnblogs.com/qiqingfu/p/10205619.html

本文介绍了一种使用MD5加密算法对用户密码进行加密存储和验证的方法。通过npm包crypto-browserify，用户在注册时输入的密码会被加密后发送到后端存储，登录时再次加密并与数据库中存储的加密密码进行匹配，确保了用户密码的安全。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用户注册时将加密后的密码发送给后端存储

当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。

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')

md5pwd就是加密后的内容了。直接传递给后端

login() {
      let {username, password} = this.from;
      if (username !== '' && password !== '') {
        const md5 = crypto.createHash('md5')
        md5.update(password)
        let md5password = md5.digest('hex')
      }
    }

转载于:https://www.cnblogs.com/qiqingfu/p/10205619.html