前端專案中遇到需要對登入密碼進行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引數傳入介面，即可。