VueJs里利用CryptoJs实现加密及解密的方法示例

  

<强>第一步安装
  

  

安装crypto-js
  

  

 VueJs里利用CryptoJs实现加密及解密的方法示例

  

<强>第二步创建
  

  

在js文件目录下创建一个js文件秘密

  

 VueJs里利用CryptoJs实现加密及解密的方法示例

     /* *   *对页面上输入的密码进行加密传输给后台进行验证,对返回的数据进行解密,在页面展示   */让CryptoJS=要求(“crypto-js”);//引入AES源码js   出口默认{/*   *对密码进行加密,传输给后台进行验证   * @param{字符串}字需要加密的密码   * @param{字符串}keyStr对密码加密的秘钥   * @return{}字符串加密的密文   * */加密(词,keyStr){//加密   keyStr=keyStr & # 63;keyStr:“ABGHNJHGSHUYG12”;   让关键=CryptoJS.enc.Utf8.parse (keyStr);   让src=CryptoJS.enc.Utf8.parse(词);   让=CryptoJS.AES加密。加密(src,钥匙,{   模式:CryptoJS.mode.ECB,   填充:CryptoJS.pad.Pkcs7   });   返回encrypted.toString ();   },/*   *对加密之后的密文在页面上进行解密,以便用户进行修改   * @param{字符串}字需要加密的密码   * @param{字符串}keyStr对密码加密的秘钥   * @return{字符串}解密的明文   * */解密(词,keyStr){//解密   keyStr=keyStr & # 63;keyStr:“ABGHNJHGSHUYG12”;   让关键=CryptoJS.enc.Utf8.parse (keyStr);   让解密=CryptoJS.AES.decrypt(词、关键,{   模式:CryptoJS.mode.ECB,   填充:CryptoJS.pad.Pkcs7   });   返回CryptoJS.enc.Utf8.stringify(解密).toString ();   },   };      

<强>第三步,引入
  

  

在具体的加解密模块中引入文件

  

 VueJs里利用CryptoJs实现加密及解密的方法示例

  

并且对需要加密的密码使用加密函数进行加密

  

 VueJs里利用CryptoJs实现加密及解密的方法示例

  

加密是加密函数
  

  

第一个参数是需要加密的明文
  

  

第二个参数是加密过程中使用的秘钥

  

 VueJs里利用CryptoJs实现加密及解密的方法示例

  

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

VueJs里利用CryptoJs实现加密及解密的方法示例