先说重点，如果要支持ie11，crypto的版本就一定要用我写的
"@types/crypto-js": "^4.0.2",
"crypto-js": "^4.0.0",
① 安装
npm install crypto-js@4.0.0 ----这个一定要用这个版本，或者更低一点，再低的我没有试，反正这个是支持ie的-如果不考虑ie就忽略
npm install --save @types/crypto-js
②创建
微信截图_20210902114056.png
import CryptoJS from "crypto-js"
import { CrypotoType } from "@/types/pro/crypoto" // 这个是自己定义的，写的什么 我下面发出来
export default class Crypoto implements CrypotoType {
private key = "dufy20170329java" // 要跟后端约定规则
private keyHex = this.getHexKey()
private getHexKey() {
return CryptoJS.enc.Latin1.parse(this.key)
}
encrypt(msg: string) {
const encrypted = CryptoJS.AES.encrypt(msg, this.keyHex, {
iv: this.keyHex, // 这个参数我之前忘传了，使用CBC的时候一直会报错，所以千万不要忘记哦，如果创建成功，但是控制台一直报错什么undefined的呀，什么[0]啥的，就检查一下 是不是自己使用有问题
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.ZeroPadding
});
return encrypted.toString()
}
decrypt(msg: string) {
const decrypted = CryptoJS.DES.decrypt(msg, this.keyHex, {
mode: CryptoJS.mode.ECB,
padding: CryptoJS.pad.Pkcs7
})
return decrypted.toString(CryptoJS.enc.Utf8);
}
}
// 接上面 import { CrypotoType } from "@/types/pro/crypoto"
export interface CrypotoType {
encrypt: Function
decrypt: Function
}
好了 就这样引入啦~
③使用
import Crypoto from "@/lib/js/CryptoJS" // 引入
// 使用
const cry = new Crypoto()
const password = cry.encrypt(this.dataForm.password)
简简单单~ 就这样吧~
