下载crypto-js
npm i crypto-js
在utils文件下新建crypto.js文件,内容如下;需要注意的是:其中的KEY、IV以及mode、padding都要和后端保持一致
import CryptoJS from 'crypto-js'
const KEY = CryptoJS.enc.Utf8.parse('1234567890abcde'); //十六位十六进制数作为密钥
const IV = CryptoJS.enc.Utf8.parse('1234567890abcde'); //十六位十六进制数作为密钥偏移量
/*** AES加密 :字符串 key iv 返回base64*/
export function Encrypt(word) {
let key = KEY;
let iv = IV;
let srcs = CryptoJS.enc.Utf8.parse(word);
var encrypted = CryptoJS.AES.encrypt(srcs, key, {
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
});
return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
}
// 解密
export function Decrypt(word) {
let key = KEY;
let iv = IV;
let base64 = CryptoJS.enc.Base64.parse(word);
let src = CryptoJS.enc.Base64.stringify(base64);
let decrypt = CryptoJS.AES.decrypt(src, key, {
iv: iv,
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
});
let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
return decryptedStr.toString();
}
在登录页引入加密/解密的方法
import {Encrypt} from '@/utils/crypto.js'
登录时进行加密
const params = {
username:Encrypt(this.loginForm.userName),
password:Encrypt(this.loginForm.userPassword),
}
const res = await ObjectApi.login(params)