vue项目中使用md5对用户信息加密

最新推荐文章于 2022-07-09 20:59:04 发布

qq253423846

最新推荐文章于 2022-07-09 20:59:04 发布

阅读量446

点赞数

本文链接：https://blog.csdn.net/qq_40609692/article/details/100052258

版权

一、使用场景

在登录注册的时候前端常常会把用户的信息存储在cookie、sessionStorage。但是这样直接把信息存储在本地就会造成信息泄露、信息直接暴露在本地、这是就需要对信息进行加密后再存储、此时我们就可以使用MD5插件对信息进行加密，尤其是在登录注册的时候MD5非常方便

在vue中使用MD5加密

二、安装模块

　npm install js-md5 -D

在小型项目中可以直接引入cdn

<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js"></script>

三、在项目中引入

　import md5 from 'js-md5'

四、在项目中使用

// 将方法直接写在methods中
Md5encrypt(pwd) {
  pwd = pwd.toUpperCase();
  pwd = md5(pwd);
  return pwd;
}

五、使用

this.Md5encrypt('holle')  // bcecb35d0a12baad472fbe0392bcc043

关注