vue 使用aes加密的步骤详解

1、在项目中安装组件： npm install crypto-js --save-dev
2、在utils文件夹中新建一个crypto.js文件
内容如下：（小伙伴们复制即可）

/**
 * 工具类
 */
import CryptoJS from 'crypto-js'
export default {// 加密
  encrypt (word, keyStr) { // word, keyStr第一个参数是加密的字段名字  第二个是key值（16位）
    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 || '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()
  }

}

3、最后就是使用了，在需要的页面中 import引入crypto.js文件即可
如：import Crypto from ‘…/…/utils/crypto’
var a = Crypto.encrypt(‘我的名字’, ‘abcdefgabcdefg12’)
var b = Crypto.decrypt(a, ‘abcdefgabcdefg12’)
console.log(‘加密后:’ + a)
console.log(‘解密后:’ + b)