vue中使用Base64加密、解密以及des加密、解密

Base64加密、解密

第一步：

      npm  install js-base64 --save  下载依赖

第二步：

     直接引入即可

     import { Base64 } from 'js-base64';

第三步：

      Base64.encode(xxxx)

其中  .encode() 加密          .decode() 解密

中间不需要使用加密的key等其他字符

des加密、解密

第一步：

      npm  install crypto-js --save  下载依赖

第二步：

     引入 ：import CryptoJS from "crypto-js";

第三步：

  封装一下：

function encryptDes(word, keyStr, ivStr) {

  keyStr = keyStr || 'xxxx'

  ivStr = ivStr || 'xxxx'

  let key = CryptoJS.enc.Utf8.parse(keyStr)

  let iv = CryptoJS.enc.Utf8.parse(ivStr)

  let srcs = CryptoJS.enc.Utf8.parse(word)

  let encrypted = CryptoJS.DES.encrypt(srcs, key, {

    iv,

    mode: CryptoJS.mode.CBC,

    padding: CryptoJS.pad.Pkcs7

  })

  return encrypted.toString()

}

// 解密

function decryptDes(word, keyStr, ivStr) {

  try {

    keyStr = keyStr || 'xxxxx'

    ivStr = ivStr || 'xxxx'

    var key = CryptoJS.enc.Utf8.parse(keyStr)

    let iv = CryptoJS.enc.Utf8.parse(ivStr)

    var decrypt = CryptoJS.DES.decrypt({ ciphertext: CryptoJS.enc.Base64.parse(word) }, key, {

      iv,

      mode: CryptoJS.mode.CBC,

      padding: CryptoJS.pad.Pkcs7

    })

    return decrypt.toString(CryptoJS.enc.Utf8)

  } catch (err) {

    return 'false'

  }

}

export { encryptDes, decryptDes };

其中 keyStr  ivStr  需要和后端伙伴统一一下的秘钥  

第四步：

    在组件中使用   decryptDes（xxxx） 即可