【VUE】VUE使用AES加密解密

1、安装

npm install crypto-js --save
或
yarn add crypto-js

2、新建JS文件

在项目scr/utils目录下新建js文件 cryptoJS.js

3、在cryptoJS.js中定义公共方法

方法1

import CryptoJS from 'crypto-js'
//此处的密钥随机生成，可自行修改
const key = CryptoJS.enc.Utf8.parse('9627F8751BAC3190');//十六位十六进制数作为密钥
const iv = CryptoJS.enc.Utf8.parse('AE14D873A093C352');//十六位十六进制数作为密钥偏移量
//解密方法
export const myDecrypt = function (word){
    let decrypt = CryptoJS.AES.decrypt(word, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
    return decryptedStr.toString();
}

 //加密方法
 export const myEncrypt = function (word){
    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();
}

方法2

import CryptoJS from 'crypto-js'
//此处的密钥随机生成，可自行修改
const key = CryptoJS.enc.Utf8.parse('9627F8751BAC3190');//十六位十六进制数作为密钥
const iv = CryptoJS.enc.Utf8.parse('AE14D873A093C352');//十六位十六进制数作为密钥偏移量

//解密方法
export const myDecrypt = function (word){
    let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
    let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
    let decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
    return decryptedStr.toString();
}

 //加密方法
 export const myEncrypt = function (word){
    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.ciphertext.toString();
}

4、使用

在vue页面中使用

import {myEncrypt,myDecrypt} from '@/utils/cryptoJS'

方法1结果

	var a = myEncrypt('123456')
	var b = myDecrypt(a)
	console.log('加密',a)//结果：加密 p8qVMTKih6Z42IQQHTYxBw==
	console.log('解密',b)//结果：解密 123456

方法2结果

	var a = myEncrypt('123456')
	var b = myDecrypt(a)
	console.log('加密',a)//结果：加密 A7CA953132A287A678D884101D363107
	console.log('解密',b)//结果：解密 123456