vue 使用AES 加密
AES 加密的模式有两种：EBC,CBC
(1)EBC
是一种基础的加密方式，密文被分割成分组长度相等的块（不足补齐），然后单独一个个加密，一个个输出组成密文。
(2)CBC
是一种循环模式，前一个分组的密文和当前分组的明文异或或操作后再加密，这样做的目的是增强破解难度。（不容易主动攻击，安全性好于ECB，是SSL、IPSec的标准）
1.安装crypto
npm install crypto-js --save-dev
或者
cnpm install crypto-js --save-dev
2.vue中使用 在 src中utils工具文件夹中创建crypto.js
下面展示一些crypto.js 内联代码片。
/*** 工具类* AES加密* 特别注意：（1）AES加密中需要前后端共同协商一个密文(密钥),用来加密/解密的（2）偏移量。* abcdefG123456789 代表此次密文*/import CryptoJS from 'crypto-js'//ECB模式export default {// 加密encrypt (word, keyStr) { // word, keyStr第一个参数是加密的字段名字 第二个是key值（16位）keyStr = keyStr || 'abcdefG123456789' // 密文（密钥）var key = CryptoJS.enc.Utf8.parse(keyStr)var srcs = CryptoJS.enc.Utf8.parse(word)var encrypted = CryptoJS.AES.encrypt(srcs, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7})return encrypted.toString()},// 解密decrypt (word, keyStr) {keyStr = keyStr || 'abcdefG123456789'var key = CryptoJS.enc.Utf8.parse(keyStr)// Latin1 w8m31+Yy/Nw6thPsMpO5fg==var decrypt = CryptoJS.AES.decrypt(word, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7})return CryptoJS.enc.Utf8.stringify(decrypt).toString()}}//CBC模式
export default {// 特别注意：此次是将密文写死到函数内部，也可以当成函数的参数进行动态绑定密文,列如：encrypt(word) {let keyStr = "abcdefG123456789"; // 密钥let ivStr = "abcdefG123456789"; // 偏移量let key = CryptoJS.enc.Utf8.parse(keyStr);let iv = CryptoJS.enc.Utf8.parse(ivStr);let srcs = CryptoJS.enc.Utf8.parse(word);let encrypted = CryptoJS.AES.encrypt(srcs, key, {iv:iv,mode: CryptoJS.mode.CBC,padding: CryptoJS.pad.Pkcs7});return encrypted.toString();},// 解密decrypt(word) {let keyStr = "abcdefG123456789";let ivStr = "abcdefG123456789";let base64 = CryptoJS.enc.Utf8.parse(word)var key = CryptoJS.enc.Utf8.parse(keyStr);let iv = CryptoJS.enc.Utf8.parse(ivStr);let src = CryptoJS.enc.Utf8.stringify(base64)var decrypt = CryptoJS.AES.decrypt(src, key, {iv,mode: CryptoJS.mode.CBC,padding: CryptoJS.pad.Pkcs7});return decrypt.toString(CryptoJS.enc.Utf8);}
}
3. 在需要用到加密的文件中引用 import Crypto '@/utils/crypto.js ’
let password = Crypto.encrypt(values.password) // 调用js方法将密码进行AES加密(CBC模式)
// passwordA 用来登陆即可（前后端必须都用这样加密的格式进行对比，后端将相同的密文进行比对后，发现一致即可登陆）
vue 使用AES 加密相关推荐
- Vue AES加密 解密失败
直诉问题:本次的环境是我在使用vue的aes加密以后,一切正常也不报错,但是就是在解密的时候解密出来的结果是空白! 问题造成的原因:在由于加密函数是我手写的,所以我在添加私有密钥的时候,太随意了一点. ...
- java双端加密操作 vue+springboot+AES(CBC-ECB) ------------------前传后
一.前端vue 控制台先加载AES npm install crypto-js --save-dev 编写AES-CBC加密解密方法 import CryptoJS from "cr ...
- vue中使用AES加密与AES解密
先安装 npm install crypto-js --save-dev 在项目中新建一个utils.js文件 我建在 src/assets/js/utils.js utils.js文件中的内容 im ...
- vue中使用js进行AES加密及解密（含密钥和iv偏移量）、以及HMAC-SHA256加密方法对于签名加密的使用
一.AES加密解密 1.下载安装 npm install crypto-js --save-dev 2.在utils文件夹下创建encryp.js文件进行aes加密解密工具类方法的封装 import ...
- vue AES加密(URLEncode加密)
目录 第一步:安装crypto-js 第二步:新建一个crypto.js文件 第三步:在需要的地方引入 第四步:AES加密+URLEncode加密 第五步:AES解密+URLEncode解密 第一步: ...
- CryptoJS实现vue项目路由传参AES加密
安装: npm i crypto-js 封装方法: import CryptoJS from 'crypto-js/crypto-js';const KEY = CryptoJS.enc.Utf8.p ...
- 用AES加密密钥长度报错问题
Exception in thread "main" java.security.InvalidKeyException: Invalid AES key length: 12 b ...
- AES加密出现Error: Malformed UTF-8 data报错的解决方法
按我上一章:vue java 使用AES 前后端加密解密 (址址:https://blog.csdn.net/weixin_42124196/article/details/88416488) 文章进 ...
- vue项目中加密和解密
Vue项目使用AES做加密 aes.js 文件内容如下: // test under node v6.11.1 const crypto = require("crypto"); ...
最新文章
- 发展是硬道理 高可用从双机热备走向容灾复制集群
- 支付接口教程，详解支付宝接口（二）
- 每日一皮：资深程序员调试代码的样子...
- 异或交换值（有趣点）
- 一篇图看清Java中的各种Queue
- mysql error code 145,MYSQL 错误#145解决方法
- leetcode 395. 至少有 K 个重复字符的最长子串（滑动窗口）
- Java hashCode() 和 equals()使用的场景
- Android笔记 帧动画
- chrome webstore
- 蓝屏代码大全 蓝屏全攻略
- [附源码]Java计算机毕业设计SSM高等数学在线学习平台
- 局域网php服务器搭建,php局域网服务器搭建
- 用Excel做直方图（2）：频率分布直方图
- Eventide发布Physion Mk II声音结构分离多效果插件
- 使用vnc启动服务器candence相关问题
- CSS：text-decoration文本装饰
- optimizer.zero_grad()意义
- 天池大赛-心跳信号分类预测：赛题理解与baseline解析
- 计算机网络学习笔记16--网络层网络层服务模型