vue使用AES+CBC前端加密

前提：前端使用Vue框架

1.需先使用npm安装CryptoJS

2.之后创建js文件 AES.js

import CryptoJS from 'crypto-js';

const iv = 'XXXXXXXXX';// 偏移量
const keyStr = 'XXXXXXX';/ 密钥
export default {
    // 加密
    encrypt(word) {
        var srcs = CryptoJS.enc.Utf8.parse(word)
        var encrypted = CryptoJS.AES.encrypt(srcs, CryptoJS.enc.Utf8.parse(keyStr), {
            iv: CryptoJS.enc.Utf8.parse(iv),
            mode: CryptoJS.mode.CBC,
            padding: CryptoJS.pad.Pkcs7        
        })
        return encrypted.ciphertext.toString()
    },
    // 解密
    decrypt(word) {
        var encryptedHexStr = CryptoJS.enc.Hex.parse(word)
        var srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr)
        var decrypt = CryptoJS.AES.decrypt(srcs, CryptoJS.enc.Utf8.parse(keyStr), {
            iv: CryptoJS.enc.Utf8.parse(iv),
            mode: CryptoJS.mode.CBC,
            padding: CryptoJS.pad.Pkcs7        
        })
        let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8)
        return decryptedStr.toString();
    }
}

3.在需加解密文件中引入js文件