vue使用crypto-js对登录的账号和密码加密

下载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)

  • 9
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值