Vue項目中使用AES加密

1、在vue中安裝crypto-js

      

 　　備注：千萬不要安裝錯了，中間是 ‘-’連接，不是‘.’

2、在項目的工具文件夾中新建 encryption.js，用於定義加密和解密的方法，方便調用　

import Vue from 'vue'
import CryptoJS from 'crypto-js'
export default {
　　//加密
    encrypt(word, keyStr){
        keyStr = keyStr ? keyStr : 'abcdefgabcdefg12';
        let key  = CryptoJS.enc.Utf8.parse(keyStr);//Latin1 w8m31+Yy/Nw6thPsMpO5fg==
        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();
    },
    //解密
    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();
    }
}

　　備注：第一個參數是待加密的字符串，第二個參數是aes加密需要用到的16位字符串的key

　　　　　　如果需要對一個對象加密，需要先使用JSON.stringify()將對象轉為字符串

3、測試：在需要加密的組件中，引用 encryption.js

      

　　　打印出來：  tqzQi/1VKC9mV8EZjfu/tg== ---- addfe