vue项目用sha256、md5、base64加密密码
无论你开发什么样的项目,你可能都会要开发登录、注册、修改密码、忘记密码这些功能,少数项目除外!!要实现这些功能,对于保护用户或者管理员账号密码,这是我们程序员肯定要做的事情。要是用户密码不加密,用明文方式传给后台,是不是有点耍流氓了!!!所以为了保证密码的不可见性,我们还是加密吧!下面我简单介绍一下三种加密方法,也是我最常用的三种方法。
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加密密码的更多相关文章
- iOS HmacSHA1加密 和 MD5 Base64加密 --iOS开发系列---项目中成长的知识五
项目中开发中需要对一些数据进行加密后和服务器验证是否是我们客户端发出的请求! 方案是服务器定的,使用HmacSHA1加密和MD5 Base64加密 加密过程比较复杂 1.获取格林威治时间 2.用bas ...
- 如何在vue项目中使用md5加密
npm安装: npm install --save js-md5 1.在需要使用的项目文件中引入: import md5 from 'js-md5'; 使用: md5('hello world') / ...
- 前端(小程序)项目Aes.js/Md5.js加密的处理方法
做项目中需要对前端数据加密传输这个时候需要用到前端加密的算法主要是:Aes.js,Md5.js 一.Vue项目用到的aes.js加密. 1.直接在index.html引入aes.js或者在npm in ...
- iOS中的MD5(base64)加密
MD5(base64)是一种结合MD5摘要和base64编码的密文处理方式,加密后的结果为24位字符串,且后两位为==,例如:1的加密结果为xMpCOKC5I4INzFCab3WEmw==. 下面是加 ...
- 在vue项目中使用md5加密
MD5:信息-摘要算法,是让大容量信息在用数字签名软件签署私人密匙前被"压缩"成一种保密的格式 一般我们把登录和注册信息的密码进行加密 1.安装模块 cnpm install js ...
- vue项目中使用md5.js及base64.js
一.在项目根目录下安装 npm install --save js-base64 npm install --save js-md5 二.在项目文件中引入 import md5 from 'js-md ...
- 如何在vue项目中使用md5.js及base64.js
一.在项目根目录下安装 npm install --save js-base64 npm install --save js-md5 二.在项目文件中引入 import md5 from 'js-md ...
- 在vue项目中使用md5加密 sirai
1.安装模块 npm install js-md5 -D 2.在项目中引入模块 import md5 from 'js-md5' 3.把你需要加密的信息进行前期处理 CalcuMD5 = functi ...
- vue项目配置 `webpack-obfuscator` 进行代码加密混淆
背景 公司代码提供给第三方使用,为了不完全泄露源码,需要对给出的代码进行加密混淆,前端代码虽然无法做到完全加密混淆,但是通过使用 webpack-obfuscator 通过增加随机废代码段.字符编码转 ...
随机推荐
- iOS电商常见动画与布局、微信悬浮窗、音乐播放器、歌词解析、拖动视图等源码
iOS精选源码 MXScroll 介绍 混合使用UIScrollView ios 电商demo(实现各种常见动画效果和页面布局) 一行代码集成微信悬浮窗 可拖动,大小的视图,可放置在屏幕边缘. 在使用 ...
- Logarithmic transformation|Data transfer|MASS|Box-Cox
数据转换(Data transfer) 方差分析的前提是方差齐性,可以使用transfer改变方差使得方差变齐.不正态和outlier. Logarithmic transformation使方差聚合 ...
- 最大流/最小割模板(isap) POJ1273
isap模板核心代码: //d[]为距离标号数组,d[i]表示节点i到汇点的距离 //gap[]为GAP优化数组,gap[i]表示到汇点距离为i的节点个数 int dfs(int k,int flow ...
- [LC] 129. Sum Root to Leaf Numbers
Given a binary tree containing digits from 0-9 only, each root-to-leaf path could represent a number ...
- Mysql的分页查询语句的性能分析
MySql分页sql语句,如果和MSSQL的TOP语法相比,那么MySQL的LIMIT语法要显得优雅了许多.使用它来分页是再自然不过的事情了. 1.1最基本的分页方式: 在中小数据量的情况下,这样的S ...
- C++入门级小算法
反序输出一个整数 #include <iostream> using namespace std; int main() { int n; while (cin >> n)// ...
- Android开发之《异常处理》
Android NDK(七):JNI异常处理 Android NDK开发Crash错误定位 adb logcat | ndk-stack -sym /Users/yangxin/Documents/d ...
- Java实现Luhm算法--银行卡号合法性校验
银行卡是由"发卡行标识代码 + 自定义 + 校验码 "等部分组成的. 银联标准卡与以往发行的银行卡最直接的区别就是其卡号前6位数字的不同. 银行卡卡号的前6位是用来表示发卡银行 ...
- 简单了解char和varchar的区别
一.CHAR和 VARCHAR的区别? 1.CHAR有固定的长度,VARCHAR属于可变长度的字符类型. 2.比如,写入内容到CHAR(10)里,如果内容占用的空间不够10,则会用空格字符补足. 二. ...
- 通过virt-manager给Windowsxp系统配置virtio驱动
在虚拟机的detail上添加一个硬件设备. 下载virtio.iso文件,我使用的版本126,具体的virtio驱动放到了10.2上的itest的目录中,使用可以找. 在配置中,添加virtio硬盘. ...