Crypto-js加密解密

113 阅读 0 评论 75 点赞

我是靠谱客的博主纯情猫咪，这篇文章主要介绍Crypto-js加密解密，现在分享给大家，希望可以做个参考。

下载：

复制代码

1
npm install crypto-js --save-dev

复制代码

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

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

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
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

复制代码

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

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

复制代码

1
2
3
4
5
6
const username = Crypto.Encrypt(this.loginForm.username)
const password = Crypto.Encrypt(this.loginForm.password)
const data = {
        username: username,
        password: password
}