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參數傳入接口，即可。