vue中使用AES加密（AES/ECB/PKCS5Padding）

写在前面，网上有很多关于使用crypto-js实现AES加密的文档。但是有2点需要特别注意，一是很多人都是–save-dev，官网也说需要node.js环境，其实是这个包是支持浏览器环境的。二是PKCS5Padding加密方式的padding值是Pkcs7不是Pkcs5，这是我踩过的坑。

第一步: 安装crypto-js

npm install crypto-js --save

第二步：项目中新建一个js文件，比如：utils.js （utils：工具集）

第三步：utils.js文件中的内容

import CryptoJS from 'crypto-js'

export default {
/**
* @param {*需要加密的字符串 注：对象转化为json字符串再加密} word
* @param {*aes加密需要的key值，这个key值后端同学会告诉你} keyStr
*/
	encrypt (word, keyStr) { // 加密
	
		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}) // 加密模式为ECB，补码方式为PKCS5Padding（也就是PKCS7）
		
		return encrypted.toString()
	
	},

	decrypt (word, keyStr) { // 解密
	
		let key = CryptoJS.enc.Utf8.parse(keyStr)
		
		let decrypt = CryptoJS.AES.decrypt(word, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7})
		
		return CryptoJS.enc.Utf8.stringify(decrypt).toString()
	
	}

}

第四步：引用和使用：

import { encrypt, decrypt } from '@/util/util.js';
let encryptdPassword = encrypt(this.password,this.keyStr);
let password = decrypt(encryptdPassword,this.keyStr);