Vue前端AES加解密使用步骤

灿儿哈察苏

已于 2022-07-04 20:01:32 修改

阅读量1.4k

点赞数

分类专栏： Vue 文章标签：前端 vue.js javascript

于 2022-07-04 00:33:09 首次发布

本文链接：https://blog.csdn.net/fransis/article/details/125591929

版权

在工程中安装crypto-js插件：

npm install --save crypto-js

2.在vue项目中，创建接口js，比如crypto-aes.js；

import CryptoJS from 'crypto-js'
// 默认的 KEY 与 iv，如果使用默认，需要保证后台也一并使用下面2个常量值。
const KEY = CryptoJS.enc.Utf8.parse('xxxxxxxx');
const IV = CryptoJS.enc.Utf8.parse('xxxxxxxx');
/**
 * AES加密:word加密字符串，以及字符串key、iv  返回base64
 */
export function Encrypt(word, keyStr, ivStr) {
  let key = KEY;
  let iv = IV;
  if (keyStr) {
    key = CryptoJS.enc.Utf8.parse(keyStr);
    iv = CryptoJS.enc.Utf8.parse(ivStr);
  }
  const srcs = CryptoJS.enc.Utf8.parse(word);
  let encrypted = CryptoJS.AES.encrypt(srcs, key, {
    iv: iv,
    mode: CryptoJS.mode.CBC,  //AES的CBC加密模式
    padding: CryptoJS.pad.ZeroPadding
  });
  return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
}
/**
 * 解密:字符串 key iv  返回base64
 */
export function Decrypt(word, keyStr, ivStr