vue项目中使用AES实现密码加密解密（ECB和CBC两种模式）

vue项目中使用AES实现密码加密解密

区别

ECB：是一种基础的加密方式，密文被分割成分组长度相等的块（不足补齐），然后单独一个个加密，一个个输出组成密文。

CBC：是一种循环模式，前一个分组的密文和当前分组的明文异或或操作后再加密，这样做的目的是增强破解难度。（不容易主动攻击，安全性好于ECB，是SSL、IPSec的标准）

代码实现

先安装 crypto-js

npm install crypto-js --save-dev

ECB模式：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

import CryptoJS from "crypto-js";   export default {  // 加密  encrypt(word, keyStr) {  keyStr = keyStr ? keyStr : "absoietlj32fai12";  let key = CryptoJS.enc.Utf8.parse(keyStr);  let srcs = CryptoJS.enc.Utf8.parse(word);  let encrypted = CryptoJS.AES.encrypt(srcs, key, {  mode: CryptoJS.mode.ECB,  padding: CryptoJS.pad.Pkcs7  });  return encrypted.toString();  },  // 解密  decrypt(word, keyStr) {  keyStr = keyStr ? keyStr : "absoietlj32fai12";  var key = CryptoJS.enc.Utf8.parse(keyStr);  var decrypt = CryptoJS.AES.decrypt(word, key, {  mode: CryptoJS.mode.ECB,  padding: CryptoJS.pad.Pkcs7  });  return CryptoJS.enc.Utf8.stringify(decrypt).toString();  } };

CBC模式：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

import CryptoJS from "crypto-js";   export default {  // 加密  encrypt(word, keyStr, ivStr) {  keyStr = keyStr ? keyStr : "absoietlj32fai12";  ivStr = ivStr ? ivStr : "absoietlj32fai12";  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,  mode: CryptoJS.mode.CBC,  padding: CryptoJS.pad.ZeroPadding  });  return encrypted.toString();  },  // 解密  decrypt(word, keyStr, ivStr) {  keyStr = keyStr ? keyStr : "absoietlj32fai12";  ivStr = ivStr ? ivStr : "absoietlj32fai12";  var key = CryptoJS.enc.Utf8.parse(keyStr);  let iv = CryptoJS.enc.Utf8.parse(ivStr);    var decrypt = CryptoJS.AES.decrypt(word, key, {  iv,  mode: CryptoJS.mode.CBC,  padding: CryptoJS.pad.ZeroPadding  });  return decrypt.toString(CryptoJS.enc.Utf8);  } };

以上两种模式中的 keyStr 的长度要不小于14位，否则解密时会显示空白