无论你开发什么样的项目,你可能都会要开发登录、注册、修改密码、忘记密码这些功能,少数项目除外!!要实现这些功能,对于保护用户或者管理员账号密码,这是我们程序员肯定要做的事情。要是用户密码不加密,用明文方式传给后台,是不是有点耍流氓了!!!所以为了保证密码的不可见性,我们还是加密吧!下面我简单介绍一下三种加密方法,也是我最常用的三种方法。

1.MD5:

1)、基本介绍

中文名:消息摘要算法

英文名:Message Digest Algorithrm MD5

其实再MD5诞生之前,还有MD2 MD3 MD4

MD5用的最多的地方就是 用户密码存储 文件校验

2)、使用方法

1. 使用npm 安装:npm install crypto --save (或者使用cdn:http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js)

2.想在哪个组件中使用,就在哪个文件中引用 :import crypto from 'crypto'

3.methods中定义方法,然后调用

setMd5(){
var md5 = crypto.createHash("md5")
md5.update(this.pw2)//this.pw2这是你要加密的密码
this.pw = md5.digest('hex')//this.pw这就是你加密完的密码,这个往后台传就行了

},

4.加密完之后是32位的、其实还可以加密成16位或者8位,哪种位数都行,满足需求就ok

2.sha256:

1)、基本介绍

1.中文名、英文名,全都叫sha256

2.因为哈希值是固定大小的  256位所以名字有个256

3.听说最近流行的比特币,区块链中挺多地方都用到了这个加密算法

2)、使用方法

1.使用npm安装 :npm install js-sha256

2.然后在组件中methods定义方法,在调用

// sha256加密密码
          setSha(){
            let sha256 = require("js-sha256").sha256//这里用的是require方法,所以没用import
            this.pw = sha256(this.passWord)//要加密的密码
            console.log(this.pw)//这就是你加密之后的密码

},

3.base64

1)、基本介绍

8bit字节代码的编码方式之一

2)、使用方法

1.npm 安装 npm install js-base64

2.跟上面一样,不啰嗦。

setBase(){

let Base64 = require("js-base64").Base64//还是require

this.pw = Base64.encode(this.passWord)//还是那些操作

console.log(this.pw)

}

3.总结

使用方法都一样,没什么本质上的区别,想用啥方法就用啥方法。
---------------------
作者:棋鬼王
来源:CSDN
原文:https://blog.csdn.net/qq_32113629/article/details/79784897
版权声明:本文为博主原创文章,转载请附上博文链接!

vue项目用sha256、md5、base64加密密码的更多相关文章

  1. iOS HmacSHA1加密 和 MD5 Base64加密 --iOS开发系列---项目中成长的知识五

    项目中开发中需要对一些数据进行加密后和服务器验证是否是我们客户端发出的请求! 方案是服务器定的,使用HmacSHA1加密和MD5 Base64加密 加密过程比较复杂 1.获取格林威治时间 2.用bas ...

  2. 如何在vue项目中使用md5加密

    npm安装: npm install --save js-md5 1.在需要使用的项目文件中引入: import md5 from 'js-md5'; 使用: md5('hello world') / ...

  3. 前端(小程序)项目Aes.js/Md5.js加密的处理方法

    做项目中需要对前端数据加密传输这个时候需要用到前端加密的算法主要是:Aes.js,Md5.js 一.Vue项目用到的aes.js加密. 1.直接在index.html引入aes.js或者在npm in ...

  4. iOS中的MD5(base64)加密

    MD5(base64)是一种结合MD5摘要和base64编码的密文处理方式,加密后的结果为24位字符串,且后两位为==,例如:1的加密结果为xMpCOKC5I4INzFCab3WEmw==. 下面是加 ...

  5. 在vue项目中使用md5加密

    MD5:信息-摘要算法,是让大容量信息在用数字签名软件签署私人密匙前被"压缩"成一种保密的格式 一般我们把登录和注册信息的密码进行加密 1.安装模块 cnpm install js ...

  6. vue项目中使用md5.js及base64.js

    一.在项目根目录下安装 npm install --save js-base64 npm install --save js-md5 二.在项目文件中引入 import md5 from 'js-md ...

  7. 如何在vue项目中使用md5.js及base64.js

    一.在项目根目录下安装 npm install --save js-base64 npm install --save js-md5 二.在项目文件中引入 import md5 from 'js-md ...

  8. 在vue项目中使用md5加密 sirai

    1.安装模块 npm install js-md5 -D 2.在项目中引入模块 import md5 from 'js-md5' 3.把你需要加密的信息进行前期处理 CalcuMD5 = functi ...

  9. vue项目配置 `webpack-obfuscator` 进行代码加密混淆

    背景 公司代码提供给第三方使用,为了不完全泄露源码,需要对给出的代码进行加密混淆,前端代码虽然无法做到完全加密混淆,但是通过使用 webpack-obfuscator 通过增加随机废代码段.字符编码转 ...

随机推荐

  1. Django学习之路由层

    Django请求生命周期 - wsgi, 他就是socket服务端,用于接收用户请求并将请求进行初次封装,然后将请求交给web框架(Flask.Django) - 中间件,帮助我们对请求进行校验或在请 ...

  2. asp.net 获取日期

    //获取日期+时间 DateTime.Now.ToString(); // 2008-9-4 20:02:10 DateTime.Now.ToLocalTime().ToString(); // 20 ...

  3. python数据类型:Number数字

    Python Number数据类型用于存储数值 数据类型是不允许改变的,如果改变Number数据类型的值,将从新分配内存空间 整型(int):整型或整数,是正或者负整数,不带小数点 长整型(long) ...

  4. python语法基础-函数-装饰器-长期维护

    ######################################################### # 装饰器 # 装饰器非常重要,面试Python的公司必问, # 原则:开放封闭原则 ...

  5. 企业框架-Spring

    1.什么是Spring Spring是最受欢迎的企业级Java应用程序开发框架,数以百万的来自世界各地的开发人员使用Spring框架来创建性能好.易于测试.可重用的代码. Spring框架是一个开源的 ...

  6. 简单的文件上传服务器(上传到FastDFS服务器)

    现在文件服务器使用越来越多,其中FastDFS文件服务器非常出色,可以支持分布式存储,多文件系统集群和多主机备份 环境中使用的文件服务器为172.16.100.10,其中trackerd服务和stor ...

  7. IT男频繁猝死背后的心理探秘

    "深圳36岁IT男猝死酒店马桶上"这条新闻再次成为人们眼球的焦点,每每发生这样的事情,难免让人扼腕唏嘘,他们本该是风华正茂的年纪,家有老母贤妻爱子,甚至房子车子票子都不缺,该是一边 ...

  8. 对String类型的认识以及编译器优化

    Java中String不是基本类型,但是有些时候和基本类型差不多,如String b = "tao" ; 可以对变量直接赋值,而不用 new 一个对象(当然也可以用 new). J ...

  9. unittest(12)- 学习读取配置文件

    1.配置文件格式 2.读取配置文件 import configparser """ 通过读取配置文件,来执行相应的测试用例 配置文件分为2个部分 第一部分:[SECTIO ...

  10. js 实现排序算法 -- 希尔排序(Shell Sort)

    原文: 十大经典排序算法(动图演示) 希尔排序 1959年Shell发明,第一个突破O(n2)的排序算法,是简单插入排序的改进版.它与插入排序的不同之处在于,它会优先比较距离较远的元素.希尔排序又叫缩 ...