VUE 使用md5对用户登录密码进行加密传输
2024-09-08 08:42:57
VUE 使用md5对用户登录密码进行加密传输到数据库
第一步 npm下载js-md5依赖包
npm install --save js-md5 //项目所在目录下载依赖
第二步 引入js-md5
这里有两种方式可供参考
直接在需要使用md5加密的页面引入
import md5 from 'js-md5';
全局挂载,将js-md5添加到vue原型链上
//在vue项目的mian.js文件中,引入js-md5并挂载原型
import md5 from 'js-md5';
Vue.prototype.$md5 = md5;
然后将想要加密的数据放入
let a = this.$md5("111111s");
console.log('a', a); //结果为c85dfcf2cf8e79ba8239eff965483c5b
在项目中,想要将用户注册的密码由明文转为密文,在传递参数时可以先将密码md5加密后,再传给后端接口,
放到数据库中。这样数据库中密码存放的就是密文而不是明文了。
// 收集参数 以便发送给后台
let params = {
user: this.addForm.name,
password: md5(this.addForm.pass) //此处将用户注册密码加密,再发给后端
};
在用户注册成功后进行登录时,因为js-md5加密是不可逆的,除非进行暴力破解,例如枚举,所以不需要将数据库中存储的密码密文再转为明文,而是在传递登录密码时将用户输入的密码进行md5加密处理,再与之对比验证。
最新文章
- [nRF51822] 13、浅谈nRF51822和NRF24LE1/NRF24LU1/NRF24L01经典2.4G模块无线通信配置与流程
- URL验证
- javascript给不能修改的函数增加额外处理的方法
- 搭建自己的NuGet服务器,上传自定义NuGet包
- java web知识点总结
- 《TCP/IP具体解释卷2:实现》笔记--4种不同类型的mbuf
- X - A == B ?(第二季水)
- 008实现一个算法从一个单链表中返回倒数第n个元素(keep it up)
- WPF之让ListView中的CheckBox居中显示
- Heavy Transportation POJ - 1797
- ●BZOJ 4541 [Hnoi2016]矿区
- 「学习笔记」min_25筛
- openstack项目【day24】:keystone部署及操作
- centos 系统上如何把python升级为3
- Source Insight 4.0常用设置
- android的特点有哪些
- android-基础编程-TextView
- nginx代理服务器3--高可用(keepalived)
- makefile all
- zw“小数据”理论也碰上了“黑天鹅”
热门文章
- Android 使用压缩纹理
- [题解] Atcoder Regular Contest ARC 146 A B C D 题解
- # 如何在Windows下运行Linux程序
- POJ3398 Perfect Service (树形DP)
- 记一次 .NET 某电子病历 CPU 爆高分析
- [ZJOI2012] 灾难 题解
- IDEA清空控制台以及Java中运行cmd命令实现清屏操作
- resultMap处理字段和属性的映射关系
- 构建Springboot项目、实现简单的输出功能、将项目打包成可以执行的JAR包(详细图解过程)
- (数据科学学习手札145)在Python中利用yarl轻松操作url