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加密处理,再与之对比验证。

最新文章

  1. [nRF51822] 13、浅谈nRF51822和NRF24LE1/NRF24LU1/NRF24L01经典2.4G模块无线通信配置与流程
  2. URL验证
  3. javascript给不能修改的函数增加额外处理的方法
  4. 搭建自己的NuGet服务器,上传自定义NuGet包
  5. java web知识点总结
  6. 《TCP/IP具体解释卷2:实现》笔记--4种不同类型的mbuf
  7. X - A == B ?(第二季水)
  8. 008实现一个算法从一个单链表中返回倒数第n个元素(keep it up)
  9. WPF之让ListView中的CheckBox居中显示
  10. Heavy Transportation POJ - 1797
  11. ●BZOJ 4541 [Hnoi2016]矿区
  12. 「学习笔记」min_25筛
  13. openstack项目【day24】:keystone部署及操作
  14. centos 系统上如何把python升级为3
  15. Source Insight 4.0常用设置
  16. android的特点有哪些
  17. android-基础编程-TextView
  18. nginx代理服务器3--高可用(keepalived)
  19. makefile all
  20. zw“小数据”理论也碰上了“黑天鹅”

热门文章

  1. Android 使用压缩纹理
  2. [题解] Atcoder Regular Contest ARC 146 A B C D 题解
  3. # 如何在Windows下运行Linux程序
  4. POJ3398 Perfect Service (树形DP)
  5. 记一次 .NET 某电子病历 CPU 爆高分析
  6. [ZJOI2012] 灾难 题解
  7. IDEA清空控制台以及Java中运行cmd命令实现清屏操作
  8. resultMap处理字段和属性的映射关系
  9. 构建Springboot项目、实现简单的输出功能、将项目打包成可以执行的JAR包(详细图解过程)
  10. (数据科学学习手札145)在Python中利用yarl轻松操作url