Vue前端加密与解密

Vue前端 加密与解密

存储到localStorage中

npm install crypto-js　　//安装

 

写成一个组件 crypto AES.js

import CryptoJs from 'crypto-js'

export default {
    /**
     * 加密
     */
    encrypt(word) {
        let key = CryptoJs.enc.Utf8.parse("1234567890ABCDEF");
        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();
    },

    // console.log("加密：" + cryptoAES.encrypt(加密的字段))
    // console.log("解密：" +  cryptoAES.decrypt(解密的字段));

    /**
     * 解密
     */
    decrypt(word) {
        let key = CryptoJs.enc.Utf8.parse("1234567890ABCDEF");
        let decrypt = CryptoJs.AES.decrypt(word, key, {
            mode: CryptoJs.mode.ECB,
            padding: CryptoJs.pad.Pkcs7
        });
        return CryptoJs.enc.Utf8.stringify(decrypt).toString();
    }

}

 

引入

import cryptoAES from "../../utils/cryptoAES";

 

 

加密

 let user_name = 'SHadow997'
 user_name = cryptoAES.encrypt(user_name);
 localStorage.setItem("user_name", user_name);

 

解密

 let user_name = localStorage.getItem("user_name");
 user_name = cryptoAES.decrypt(user_name);