vue Crypto-JS AES 报错 Malformed UTF-8 data 的解决

开发中，需要加密返回的json格式敏感数据，不方便让它明文传输。所以参考https://www.jianshu.com/p/34c15b8d025a 文章，匹合jphp端，前端用Crypto-JS实现。但是在解密时，报了错 Malformed UTF-8 data 。

遇到问题，第一步干嘛？百度。（因为英文不好，还不会用google，每当这个时候，我有种重修英文的愿望，碍于工作较忙，或者什么甚它原因，迟迟没有行动，非常惭愧）

百度这个问题的结果，大多是说，要base64再编码，解码前先进行一次base64解码。试了，问题依旧。

第二步，怎么办？放弃？还是自己想办法？当然不能轻言放弃。

于是想debug Crypto-JS 的执行过程。因为aes.js是压缩过的，所以先将aes.js用格式化，debug到抛出异常前的b.stringify(a)返回值就是乱码了，decodeURIComponent(escape(b.stringify(a))) 解码过程中抛出的异常Malformed UTF-8 data 。

为什么php测试中，解密就没有问题呢？

原因：php aes 加密调用return json_encode($data);输出的时候，每57个字符进行了换行。

解决办法：去除换行符，js代码如下。

//解密
export function decrypt(str, KEY, IV = '') {
	str = (str + '').replace(/\n*$/g, '').replace(/\n/g, ''); //增加这一行，将换行符替换为空
	var key = CryptoJS.enc.Utf8.parse(KEY);
	var iv = CryptoJS.enc.Utf8.parse(IV);
	var decrypt = CryptoJS.AES.decrypt(str, key, {
		iv: iv,
		mode: CryptoJS.mode.CBC,
		padding: CryptoJS.pad.Pkcs7
	});
	return decrypt.toString(CryptoJS.enc.Utf8);
}