Vue项目中对登陆密码使用crypto-js进行Aes加密

Posted 2022-12-08 1024_Byte

安装

npm i crypto-js

在utils下创建secret.js文件

import CryptoJS from 'crypto-js'

// 十六进制密钥
const CRYPTOJSKEY = CryptoJS.enc.Utf8.parse('HTKJhtkjHTkj1234')

 // 加密
 function encrypt(plaintText) 
  var plaintTexts = plaintText
  var options = 
     mode: CryptoJS.mode.ECB,
     padding: CryptoJS.pad.Pkcs7
   
   var key = CryptoJS.enc.Utf8.parse(CRYPTOJSKEY)
   var encryptedData = CryptoJS.AES.encrypt(plaintTexts, key, options)
   var encryptedBase64Str = encryptedData.toString().replace(/\\//g, '_')
   encryptedBase64Str = encryptedBase64Str.replace(/\\+/g, '-')
   return encryptedBase64Str
 
 // 解密
 function decrypt(encryptedBase64Str) 
   var vals = encryptedBase64Str.replace(/\\-/g, '+').replace(/_/g, '/')
   var options = 
     mode: CryptoJS.mode.ECB,
     padding: CryptoJS.pad.Pkcs7
   
   var key = CryptoJS.enc.Utf8.parse(CRYPTOJSKEY)
   var decryptedData = CryptoJS.AES.decrypt(vals, key, options)
   var decryptedStr = CryptoJS.enc.Utf8.stringify(decryptedData)
   return decryptedStr
 

export default 
  Encrypt,
  Decrypt

项目中引入

import untilSecret from '@/_utils/secret.js'

在登录接口前传参即可

param.password = untilSecret.Encrypt(this.form.password)