Vue中使用AES加密

后台管理系统项目中遇到需要对用户登录密码进行AES/ECB/PKCS7Padding加密，然后调用登录接口，传入密码，用户名。
在此记录一下我的实现过程。
第一步：安装crypto-js

项目中执行 " npm install crypto-js --save-dev " ,安装crypto-js。

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

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

import CryptoJS from ‘crypto-js’

utils.js内容：

// 默认的 KEY
const KEY = CryptoJS.enc.Utf8.parse(‘r0NSnXLgGD2Gg1X4’)
/**
* AES加密 ：字符串 key
*/
export function Encrypt(word, keyStr) {
let key = KEY
if (keyStr) {
key = CryptoJS.enc.Utf8.parse(keyStr);
}
let srcs = CryptoJS.enc.Utf8.parse(word);
let encrypted = CryptoJS.AES.encrypt(srcs, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7});
return encrypted;
}

第四步：在需要使用加密方法的vue组件中使用import引入utils.js文件即可使用了

import {Encrypt} from ‘…/assets/js/utils.js’

使用：
Encrypt(passWd)；