前端加密-crypto-js插件使用

灰太狼 2021-08-30 18:05 656阅读 0赞

### 前端加密步骤 ###

#### 1. 安装`crypto-js`插件 ####

npm install crypto-js

--------------------

#### 2. 新建`src/utils/aes.js`文件 ####

import CryptoJS from 'crypto-js'
    export default { 
      //加密
      encrypt(word, keyStr){  
        keyStr = keyStr ? keyStr : 'zaqxswcde123vfr4';
        var key  = CryptoJS.enc.Utf8.parse(keyStr);
        var srcs = CryptoJS.enc.Utf8.parse(word);
        var encrypted = CryptoJS.AES.encrypt(srcs, key, { mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
        return encrypted.toString();
      },
      //解密
      decrypt(word, keyStr){   
        keyStr = keyStr ? keyStr : 'zaqxswcde123vfr4';
        var key  = CryptoJS.enc.Utf8.parse(keyStr);
        var decrypt = CryptoJS.AES.decrypt(word, key, { mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
        return CryptoJS.enc.Utf8.stringify(decrypt).toString();
      }
    
    }

**温馨提示：**

*  encrypt(word, keyStr) **加密方法**
 *  decrypt(word, keyStr) **解密方法**
 *  其中`keyStr`为解密使用的字符串。

--------------------

#### 3. 挂载方法到`Vue`实例上 ####

import $aes from '../src/utils/aes'
    Vue.prototype.$aes = $aes

--------------------

#### 4. 使用指导 ####

*  加密 `this.$aes.encrypt(str)`
 *  解密 `this.$aes.decrypt(str)`

--------------------

#### 5. 使用场景 ####

*  `前端缓存`信息的加密保护；
 *  页面`链接参数`的解密保护；

--------------------

##### 6. 温馨提示 #####

更多博文，请关注：**xssy5431** 小拾岁月  
扫码：  
![20200622115352592.jpg][]

[20200622115352592.jpg]: /images/20210802/6f74754995a846b9909634c1817058e1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，656人围观）

还没有评论，来说两句吧...

相关阅读

相关 CryptoJS常用的加密算法使用及原理

1、编码 escape unescape encodeURIComponent decodeURIComponent Base64

￡神魔★判官ぃ/ 2022年12月07日 12:20/ 0 赞/ 895 阅读

相关 CryptoJS实现AES加密

CryptoJS实现AES加密最近在做一个项目，考虑到数据的安全性，我们要给数据在传输过程中加密，防止一些恶意的操作以及爬虫抓取数据。用到的库：CryptoJ

港控/mmm°/ 2022年07月15日 05:58/ 0 赞/ 299 阅读

相关 CryptoJS简单使用

CryptoJS(crypto.js)为JavaScript提供了各种各样的加密算法。目前已支持的算法包括: MD5SHA-1SHA-256AESRabbitMARC4HMAC

约定不等于承诺〃/ 2022年06月08日 11:49/ 0 赞/ 233 阅读

相关 js(CryptoJs)前端加密和后端解密

一.前台加密，需要引入crypto-js.js库： <!DOCTYPE html> <html> <head> <meta

布满荆棘的人生/ 2022年05月29日 08:43/ 0 赞/ 614 阅读

相关前端实用插件

超酷插件网站：[http://www.5iweb.com.cn/][http_www.5iweb.com.cn] 1.转盘使用的旋转插件 JqueryRotate 下载地址

た入场券/ 2022年05月22日 04:42/ 0 赞/ 339 阅读

相关使用CryptoJS中的md5和aes加密

使用CryptoJS中的md5和aes加密参考资料： [使用CryptoJS中的md5和aes加密][CryptoJS_md5_aes] [CryptoJ

深碍√TFBOYSˉ_/ 2022年04月06日 06:52/ 0 赞/ 439 阅读

相关前端插件iscroll.js的使用

参考：[https://www.cnblogs.com/starof/p/5215845.html][https_www.cnblogs.com_starof_p_521584

ゞ浴缸里的玫瑰/ 2022年01月23日 06:21/ 0 赞/ 250 阅读

相关前后端AES加密解密,CryptoJS+Java

前端使用CryptoJS > 下载CryptoJS, Github : [https://github.com/brix/crypto-js][https_github.co

绝地灬酷狼/ 2022年01月22日 00:21/ 0 赞/ 463 阅读

相关 AES加密和解密-CryptoJS和Java

-------------------- title: “AES加密和解密-CryptoJS和Java” url: “[https://wsk1103.github.io/

冷不防/ 2021年12月24日 07:53/ 0 赞/ 671 阅读

相关前端加密-crypto-js插件使用

前端加密步骤 1. 安装`crypto-js`插件 npm install crypto-js --------------------

灰太狼/ 2021年08月30日 18:05/ 0 赞/ 657 阅读