vue使用crypto-js实现加密解密
注意:
crypto-js加密后可自行选择是否转为base64,也需要后端配合加解密方法
npm install crypto-js
uitls新建文件夹screate.js
const cryptojs = require('crypto-js'); //引用aes源码js
const key = cryptojs.enc.utf8.parse("1234123412abcdef"); //十六位十六进制数作为密钥
// const iv = cryptojs.enc.utf8.parse('abcdef1234123412'); //十六位十六进制数作为密钥偏移量 可用可不用
//加密方法
export function encrypt(word:any){
// 法一:加密后转化为base64
// let srcs = cryptojs.enc.utf8.parse(word);
// let encrypted = cryptojs.aes.encrypt(srcs, key, {mode: cryptojs.mode.ecb, padding: cryptojs.pad.pkcs7 });
// return encrypted.ciphertext.tostring();
// 法二:不转
let srcs = cryptojs.enc.utf8.parse(word);
let encrypted = cryptojs.aes.encrypt(srcs, key, {mode: cryptojs.mode.ecb, padding: cryptojs.pad.pkcs7 });
return encrypted.tostring();
}
//解密方法
export function decrypt(word:any){
// 法一:对应解密
// let encryptedhexstr = cryptojs.enc.hex.parse(word);
// let srcs = cryptojs.enc.base64.stringify(encryptedhexstr);
// let decrypt = cryptojs.aes.decrypt(srcs, key, { mode: cryptojs.mode.ecb, padding: cryptojs.pad.pkcs7 });
// let decryptedstr = decrypt.tostring(cryptojs.enc.utf8);
// return decryptedstr.tostring();
// 法二:
var decrypt = cryptojs.aes.decrypt(word, key, {mode:cryptojs.mode.ecb,padding: cryptojs.pad.pkcs7});
return cryptojs.enc.utf8.stringify(decrypt).tostring();
}使用
参数是对象的话,加密需要 json.stringify(),解密需要json.parse()
getdata(){
letparams = {
"appid": '0000',
"bizdata": {
"appname": '测试名称',
"authmode": "0x1113"
},
"biztype": 1000
}
var aa = encrypt(json.stringify(params))
console.log(aa, '加密')
searchhandle('/xxx/xxx/xxx', aa).then(res=>{
console.log('接口返回',res.data)
var dd = json.parse(decrypt(aa))
console.log(dd, '解密')
if(res.data.code === 0){}
})
}
使用crypto-js时报错typeerror: object(...) is not a function
控制台报错
如下:

原因
引入encrypt时方式错误,少加了{}
正确形式:
import { encrypt } from "../plugins/encoder";总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持代码网。
发表评论