vue中使用AES加密（AES/ECB/PKCS5Padding）

       前端项目中遇到需要对登录密码进行AES/ECB/PKCS5Padding加密，然后调用登录接口，传入密码，用户名。现将实现方法，记录下来。

第一步: 安装crypto-js

        vue项目中执行npm install crypto-js --save-dev ，安装crypto-js。

第二步：项目中新建一个js文件，比如：utils.js （utils：工具集）

第三步：utils.js文件中的内容

import Vue from 'vue'

import CryptoJS from 'crypto-js'

export default {

/**

* @param {*需要加密的字符串 注：对象转化为json字符串再加密} word

* @param {*aes加密需要的key值，这个key值后端同学会告诉你} keyStr

*/

encrypt (word, keyStr) { // 加密

var key = CryptoJS.enc.Utf8.parse(keyStr)

var srcs = CryptoJS.enc.Utf8.parse(word)

var encrypted = CryptoJS.AES.encrypt(srcs, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7}) // 加密模式为ECB，补码方式为PKCS5Padding（也就是PKCS7）

return encrypted.toString()

},

decrypt (word, keyStr) { // 解密

var key = CryptoJS.enc.Utf8.parse(keyStr)

var decrypt = CryptoJS.AES.decrypt(word, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7})

return CryptoJS.enc.Utf8.stringify(decrypt).toString()

}

}

第四步：使用方式main.js文件中引用utils.js

第五步：调用登录接口（用户密码机密--->调用登录接口）

将加密后的password参数传入接口，即可。