vue中使用AES的CBC模式进行加解密

Sea Otter、

已于 2023-10-20 09:29:18 修改

阅读量296

点赞数

文章标签： vue.js javascript 前端

于 2023-10-19 16:16:48 首次发布

本文链接：https://blog.csdn.net/weixin_49551572/article/details/133929076

版权

1、首先需要下载依赖

npm install crypto-js --save

2、按需引入后直接使用

<script setup>
import CryptoJS from 'crypto-js'



 const add = ()=>{
   //message 为需要输入的加密串
   //key 为前后端保持统一 一般长度为16个字符
   //iv 为前后端保持统一 一般长度为16个字符
  const message = '1234asdasd';
const key = CryptoJS.enc.Utf8.parse('1234560000000000');
const iv = CryptoJS.enc.Utf8.parse('0000000000000000');

const encrypted = CryptoJS.AES.encrypt(message, key, {
  iv: iv,
  mode: CryptoJS.mode.CBC,
  padding: CryptoJS.pad.Pkcs7
}).toString();

console.log(encrypted);
// 解密
const decrypted = CryptoJS.AES.decrypt(encrypted, key, {
  iv: iv,
  mode: CryptoJS.mode.CBC,
  padding: CryptoJS.pad.Pkcs7
}).toString(CryptoJS.enc.Utf8);
console.log(decrypted);
}








<script>