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