vue 加密解密
- 一、des 加密解密
- 安装crypto-js插件
- des.js
- login.vue
- 二、md5 加密解密
- 安装js-md5插件
- main.js
- 使用
- 三、base64加密解密
- 安装js-md5插件
一、des 加密解密
安装crypto-js插件
npm install --save crypto-js
des.js
提示:
// ECB模式import cryptoJs from 'crypto-js'// DES加密
export const encryptDes = (message, key) => {var keyHex = cryptoJs.enc.Utf8.parse(key)var option = { mode: cryptoJs.mode.ECB, padding: cryptoJs.pad.Pkcs7 }var encrypted = cryptoJs.DES.encrypt(message, keyHex, option)return encrypted.ciphertext.toString()
}// DES解密
export const decryptDes = (message, key) => {var keyHex = cryptoJs.enc.Utf8.parse(key)var decrypted = cryptoJs.DES.decrypt({ciphertext: cryptoJs.enc.Hex.parse(message)},keyHex,{mode: cryptoJs.mode.ECB,padding: cryptoJs.pad.Pkcs7})return decrypted.toString(cryptoJs.enc.Utf8)
}
login.vue
import { encryptDes, decryptDes } from '@/assets/js/des.js' //des 加密解密
let text = encryptDes(password, '@des123')//使用des方法加密,秘钥‘@des123’
password = decryptDes(text, '@des123') // 解密
二、md5 加密解密
安装js-md5插件
npm install --save js-md5
main.js
// MD5加密
import md5 from 'js-md5'
Vue.prototype.$md5 = md5
使用
this.$md5(param.password) // 加密
三、base64加密解密
安装js-md5插件
npm install --save js-base64
npm install --save babel-preset-env