vue 加密解密

一、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.js插件

npm install --save md5.js

使用

var MD5=require("md5.js")
// 第一种
new MD5().update("123456").digest("hex") // 加密
// 第二种
const md5stream = new MD5()
md5stream.end("123456")
md5stream.read().toString("hex") // 加密
// 第二种（简写）
new MD5().end("123456").read().toString("hex") // 加密

三、js-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-base64插件

npm install --save js-base64
npm install --save babel-preset-env