Crypto-js加密解密

奈何我是个菜鸡

已于 2023-01-12 23:15:57 修改

阅读量3.6k

点赞数 1

文章标签： javascript 前端

于 2022-06-15 16:47:19 首次发布

本文链接：https://blog.csdn.net/m0_52374678/article/details/125300107

版权

下载：

npm install crypto-js --save-dev

crypto-js官网     https://github.com/brix/crypto-js

在src/utils目录中新建crypto.js

const Crypto = require('crypto-js') // 引用AES源码js
// 默认的 KEY 与 iv 如果没有给
const key = Crypto.enc.Utf8.parse('AOWQ4P0YEC4YXUKS') // 十六位十六进制数作为密钥
const iv = Crypto.enc.Utf8.parse('O3V2GCL1K2HNZ9Y7') // 十六位十六进制数作为密钥偏移量


export default {
  // 解密方法
  Decrypt(word) {
    const encryptedHexStr = Crypto.enc.Hex.parse(word)
    const srcs = Crypto.enc.Base64.stringify(encryptedHexStr)
    const decrypt = Crypto.AES.decrypt(srcs, key, { iv: iv, mode: Crypto.mode.CBC, padding: Crypto.pad.Pkcs7 })
    const decryptedStr = decrypt.toString(Crypto.enc.Utf8)
    return decryptedStr.toString()
  },
  // 加密方法
  Encrypt(word) {
    const srcs = Crypto.enc.Utf8.parse(word)
    const encrypted = Crypto.AES.encrypt(srcs, key, { iv: iv, mode: Crypto.mode.CBC, padding: Crypto.pad.Pkcs7 })
    return encrypted.ciphertext.toString().toUpperCase()
  },
  // MD5 加密
  EncryptMd5(word) {
	return CryptoJS.MD5(word).toString()
  },
}

使用Crypto-js

import Crypto from '@/utils/crypto.js'

接下来在，登录方法中，接口调用前，把数据进行加密，并把加密后的数据组织好数据对象，传进登录接口就OK了。在handleLogin方法中，具体实现：

const username = Crypto.Encrypt(this.loginForm.username)
const password = Crypto.Encrypt(this.loginForm.password)
const data = {
        username: username,
        password: password
}