VUE中使用CryptoJS,安装并且引入,百度搜索下,这里主要讲怎么加密解密
import CryptoJS from "crypto-js";
//DES加密
/**
* DES :字符串 key iv 返回base64
*/
export function Encrypt(word, keyStr, ivStr) {
const key = CryptoJS.enc.Utf8.parse(keyStr);
const iv = CryptoJS.enc.Utf8.parse(ivStr);
const srcs = CryptoJS.enc.Utf8.parse(word);
const encrypted = CryptoJS.DES.encrypt(srcs, key, {
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7,
});
return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
}
/**
* DES 解密 :字符串 key iv 返回stirng
*
*/
export function Decrypt(word, keyStr, ivStr) {
// CryptoJS有以下几种
// Base64
// Base64url
// Hex
// Latin1
// Utf8
// Utf16
// Utf16BE
// Utf16LE
const key = CryptoJS.enc.Utf8.parse(keyStr); // 对应上面的加密方法,怎么加密的怎么解密
const iv = CryptoJS.enc.Utf8.parse(ivStr); // 对应上面的加密方法,怎么加密的怎么解密
const base64 = CryptoJS.enc.Base64.parse(word);
const src = CryptoJS.enc.Base64.stringify(base64);
// 因为加密最后传出来的是Base64的,所以先按照Base64解密
const decrypt = CryptoJS.DES.decrypt(src, key, {
iv: iv,
mode: CryptoJS.mode.CBC, // 和加密保持一致
padding: CryptoJS.pad.Pkcs7, // 和加密保持一致
});
const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
// 加密是先变成Utf8再变成Base64,所以解密是先Base64后Utf8
return decryptedStr.toString();
}
我们是接口加密后传回前端,前端解密,解密的时候问下后端是怎么加密的,然后前端对应修改解密方法