Vue項目使用AES做加密

https://www.cnblogs.com/libo0125ok/p/9224121.html

1、先在vue項目中安裝crypto-js

2、在項目中新建一個utils.js文件

3、utils.js文件中的內容

/**
 * 工具類
 */
import Vue from 'vue'
import CryptoJS from 'crypto-js'
export default {//加密
  encrypt(word, keyStr){ 
    keyStr = keyStr ? keyStr : 'abcdefgabcdefg12';
    var key  = CryptoJS.enc.Utf8.parse(keyStr);//Latin1 w8m31+Yy/Nw6thPsMpO5fg==
    var srcs = CryptoJS.enc.Utf8.parse(word);
    var encrypted = CryptoJS.AES.encrypt(srcs, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
    return encrypted.toString();
  },
  //解密
  decrypt(word, keyStr){  
    keyStr = keyStr ? keyStr : 'abcdefgabcdefg12';
    var key  = CryptoJS.enc.Utf8.parse(keyStr);//Latin1 w8m31+Yy/Nw6thPsMpO5fg==
    var decrypt = CryptoJS.AES.decrypt(word, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
    return CryptoJS.enc.Utf8.stringify(decrypt).toString();
  }

}

注：1、一定要在該文件中引用vue和crypto-js。2、兩個方法中的第一個參數word是待加密或者解密的字符串，第二個參數keyStr是aes加密需要用到的16位字符串的key。3、如果想對一個js對象加密，需要先把該對象轉成json字符串。

 

4、測試：

在需要使用加密解密方法的vue組件中使用import引入utils.js文件即可使用了

 

 

 

 

 

 

 

module.exports.cipher = function (text) {

    //加密秘鑰
    var key = "xxxxxxxx";

    var cipher = crypto.createCipher('aes-256-cbc', key);
    var text = text;
    var crypted = cipher.update(text, 'utf8', 'hex')
    crypted += cipher.final('hex')

    return crypted;
}