前端密码加密方式

（1、md5 加密）

第一步 npm里面安装模块

npm install blueimp-md5

第二在组件里面引入md5加密方法

import md5 from 'blueimp-md5'

第三使用方法

console.log(md5(ev.target.value) );

（2、AES 加密）　

vue为例  1、

npm install crypto-js --save

2、

import CryptoJS from 'crypto-js' // 引用加密
    
const key = CryptoJS.enc.Utf8.parse("1234123412ABCDEF");  //十六位十六进制数作为密钥
const iv = CryptoJS.enc.Utf8.parse('ABCDEF1234123412');   //十六位十六进制数作为密钥偏移量

//解密方法
function Decrypt(word) {
    let encryptedHexStr = CryptoJS.enc.Hex.parse(word);
    let srcs = CryptoJS.enc.Base64.stringify(encryptedHexStr);
    let decrypt = CryptoJS.AES.decrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    let decryptedStr = decrypt.toString(CryptoJS.enc.Utf8);
    return decryptedStr.toString();
}

//加密方法
function Encrypt(word) {
    let srcs = CryptoJS.enc.Utf8.parse(word);
    let encrypted = CryptoJS.AES.encrypt(srcs, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 });
    return encrypted.ciphertext.toString().toUpperCase();
}

export default {
    Decrypt , //解密
    Encrypt   //加密
}

　在需要用的页面通过 

import compile  from '@/utils/secret.js'
compile.Encrypt(this.ruleForm2.pass);

　　使用它