写在前面,网上有很多关于使用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);
Logo

前往低代码交流专区

更多推荐