vue 实现AES对称加密（CBC模式）

下载：

crypto-js.js下载地址 ：crypto-js.js

vue 实现方式：

调用下面写好的js

import CryptoJS from 'crypto-js/crypto-js'

//默认自定义的约定密钥(与后端密钥保持一致)
const KEY = CryptoJS.enc.Utf8.parse("qP2$bG9;vA0^uW0:");// 密钥16位长度字符   内容可自定义
const IV = CryptoJS.enc.Utf8.parse("qP2$bG9;vA0^uW0:"); //  密钥偏移量    16位长度字符

/**
* AES对称加密 （CBC模式，需要偏移量）
* @param {Object} params 明文参数
*/
export function encrypt(str, keyStr, ivStr) {
    let key = KEY
    let iv = IV
	
  	//如果在加密解密的时候没有传入KEY和IV,就会使用默认自定义的
    if (keyStr && ivStr) {
        key = CryptoJS.enc.Utf8.parse(keyStr);
        iv = CryptoJS.enc.Utf8.parse(ivStr);
    }
	//明文
    let srcs = CryptoJS.enc.Utf8.parse(str);
    //加密
    var encrypt = CryptoJS.AES.encrypt(srcs, key, {
        iv: iv,
        mode: CryptoJS.mode.CBC, //AES加密模式
        padding: CryptoJS.pad.Pkcs7 //填充方式
    });
    return CryptoJS.enc.Base64.stringify(encrypt.ciphertext); //返回base64格式密文
}

/**
* AES对称解密
* @param {Object} params 加密参数
*/
export function decrypt(str, keyStr, ivStr) {
    let key = KEY
    let iv = IV
	
	//如果在加密解密的时候没有传入KEY和IV,就会使用默认自定义的
    if (keyStr && ivStr) {
        key = CryptoJS.enc.Utf8.parse(keyStr);
        iv = CryptoJS.enc.Utf8.parse(ivStr);
    }
	//base64格式密文转换
    let base64 = CryptoJS.enc.Base64.parse(str);
    let src = CryptoJS.enc.Base64.stringify(base64);
	//解密
    var decrypt = CryptoJS.AES.decrypt(src, key, {
        iv: iv,
        mode: CryptoJS.mode.CBC, //AES加密模式
        padding: CryptoJS.pad.Pkcs7 //填充方式
    });
	 return CryptoJS.enc.Utf8.stringify(decrypt).toString(); //返回明文
}

key 是密钥 ，iv 是密钥偏移量，对称解密使用的算法是 AES-128-CBC算法，数据采用 Pkcs7填充 ， 这里的 key 需要为16位，注意约定密钥要与后端协定一致。

以url传参的方式发送请求注意事项:

加密后的密文带"+"号(如:JWCDBnjx5YFhOpZPYVhWvfMYJZG7OAZI+7gnT0FEHjA=)，向后端传入参数，参数中的“+”全部变成了空格，原因是URL中默认的将“+”号转义了。
解决方法：
一、重新自定义明文，加密一个不带加号的密文
二、使用encodeURIComponent（key）函数

JavaScript实现AES对称加密：

JavaScript + Java 实现AES对称加密（AESUtils工具类）