首页 > 其他 > 详细

vue 接口参数加密

时间:2020-05-29 17:07:26      阅读:146      评论:0      收藏:0      [点我收藏+]
使用AES加密

新建crypto.js文件 放在utils文件中,挂在到vue原型链里

npm install crypto-js

安装 crypto-js
import CryptoJs from ‘crypto-js‘ //引用AES源码js

const CryptoInfo = {
    // 加密,调用该方法时,传入的data必须是字符串类型,
    //   故,如果要加密对象等类型,需要先用JSON.stringify()将其字符串化再传入
    encryptByAES: data => {
        let keyStr = ‘--------‘; // 16位,密钥字符串
        let key = CryptoJs.enc.Utf8.parse(keyStr); // 将字符串的转为WordArray类型
        let mydata = CryptoJs.enc.Utf8.parse(data);
        // console.log(‘key:‘, key, ‘mydata:‘, mydata)
        let udata = CryptoJs.AES.encrypt(mydata, key, {
            mode: CryptoJs.mode.ECB, // 加密模式,ECB模式
            padding: CryptoJs.pad.Pkcs7 // 填充方式
        });
        let encrypted = udata.toString(); //  返回的是base64的密文,是字符串类型
        return encrypted
    },
    // 解密, 调用该方法时,传入的data是base64的密文
    decryptByAES: data => {
        let keyStr = ‘------‘;
        let key = CryptoJs.enc.Utf8.parse(keyStr);
        let udata = CryptoJs.AES.decrypt(data, key, {
            mode: CryptoJs.mode.ECB,
            padding: CryptoJs.pad.Pkcs7
        });
        let decrypted = udata.toString(CryptoJs.enc.Utf8); // 返回的是加密之前的原始数据,是字符串类型
        return decrypted
    }
};
export {
    CryptoInfo
}

 

在页面中使用

this.util.CryptoInfo.encryptByAES(‘加密信息‘)

 

vue 接口参数加密

原文:https://www.cnblogs.com/king94Boy/p/12987905.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!