使用crypto-js对数据进行AES加密、解密_青云码上的博客-程序员秘密

使用crypto-js对数据进行AES加密、解密

前段时间做项目有用到数据加密,前端加密,后端解密(前端也可以解密),话不多说进入正题:

第一步:

npm i crypto-js -S 

 

第二步:

  在需要加密或解密的地方引入crypto-js;

import CryptoJS from 'crypto-js'

第三步:

  自定义加密、解密的函数

<script>
    
import CryptoJS from 'crypto-js'    
export default {
  name: 'HelloWorld',
  data () {
    return {
        
    }
  },
  methods:{
      /*加密*/
    encrypt(word){
        var key = CryptoJS.enc.Utf8.parse("123456789abc");//123456789abc这个自己随便写,相当于密钥吧,也可以自己单独用个变量存
        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){
        var key = CryptoJS.enc.Utf8.parse("123456789abc");//要和加密的密钥一样
        var decrypt = CryptoJS.AES.decrypt(word, key, {mode:CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7});
        return CryptoJS.enc.Utf8.stringify(decrypt).toString();
        }
  },
  created(){
      console.log("加密'你好':",this.encrypt("你好"))
      console.log("解密'eI51YMemQyesQrFNbwgV/Q==':",this.decrypt("eI51YMemQyesQrFNbwgV/Q=="))     
  }
}
</script>

打印结果:

 ok了,如要用到后端java解密,请移步https://www.cnblogs.com/libo0125ok/p/7668026.html

 

posted @ 2018-05-17 11:07 青云码上 阅读( ...) 评论( ...) 编辑 收藏
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_21363577/article/details/87899456

智能推荐

linux拨号教程,Linux拨号服务快速指南_格秒索杉的博客-程序员秘密

一、什么是PPP协议既然是拨号上网,就不能不提到PPP(point-to-point protocol)协议。PPP协 议具有以下特点:是应用最广泛的广域网协议;通过提供连接控制协议(LCP)和网络控制程序(NCP)协议家族来配置网络性能和网络设备,从而解决了Internet互联的问题;一个PPP会话分为四个步骤(连接建立、连接质量控制、网络层协议配置、连接终止);提供了密码认证协议(PAP)或者...

Raspberry Pi使用Scarlett Solo声卡的配置_MstBate的博客-程序员秘密

将/lib/modprobe.d/aliases.conf中的options snd-usb-audio index=-2修改为options snd-usb-audio index=0 在/boot/cmdline.txt中将dwc_otg.lpm_enable=0替换为dwc_otg.fiq_fsm_enable=0 如果不进行替换,虽然可以播放出声音(用pyaudio的话会有这样的问题,用

2021-09-01 网安实验-SQL注入-绕过伪静态_如何绕过伪静态_愚公搬代码的博客-程序员秘密

.htaccess文件的配置如下:注入点区分1后面加逗号报错,说明存在注入点Less-37/id/1'Less-38/id/1'.html

用 ResourceBundle 读取Properties文件以及乱码处理_amanlyman的博客-程序员秘密

package read;import java.util.ResourceBundle;/** * 属性文件工厂类 * @author W * @version V1.0 * @date 2013-4-17 */public interface ReadPropertiesFactory { public ResourceBundle getErrorResource();

JAVA多线程(8)——线程池 ThreadPoolExecutor_Evan-Y的博客-程序员秘密

原文出处: 海 子在前面的文章中,我们使用线程的时候就去创建一个线程,这样实现起来非常简便,但是就会有一个问题:如果并发的线程数量很多,并且每个线程都是执行一个时间很短的任务就结束了,这样频繁创建线程就会大大降低系统的效率,因为频繁创建线程和销毁线程需要时间。那么有没有一种办法使得线程可以复用,就是执行完一个任务,并不被销毁,而是可以继续执行其他的任务?在Java中可以通过线程池来达到这样的效果。...

随便推点

三大框架 之 Hibernate生成策略与缓存策略(主键生成策略、持久化、持久化类划分、一级缓存、事物管理)..._avo50465的博客-程序员秘密

目录 Hibernate生成策略与缓存策略 主键生成策略 主键分类 主键的生成策略 持久化 什么是持久化 什么是持久化类 持久化类编写规则 持久化类的划分 ...

vuex中的actions-getters-modules_aliven1的博客-程序员秘密

actionsactions:这里面可以直接写异步操作gettersgetters:因为mutations中的函数没有返回值,可以考虑使用getters获得一些拼接的值,类似计算属性modules全局的模块过多,后期难维护,这时可以把全局拆分成不同模块,就要用到modules...

谷歌的DIY智能语音套件包含Raspberry Pi_google语音识别套件_钛灵科技的博客-程序员秘密

更新的套件正在通过Target销售,创客可以构建您自己的AI智能音箱或AI智能相机。谷歌希望能够比以往更轻松地构建自己的智能家居小工具。 这个搜索巨头的最新工具包在4月份隆重登陆了Target商店,包括制作类似于Google Home的智能扬声器或可识别面部和表情的智能家居相机。该套件分别称为AIY Voice和AIY Vision Kit。 AIY代表“Artificial Intelligen...

Build a Raspberry Pi Media Server 基于Raspberry Pi构建媒体服务器 Lynda课程中文字幕_lyndacn的博客-程序员秘密

Build a Raspberry Pi Media Server 中文字幕基于Raspberry Pi构建媒体服务器 中文字幕Build a Raspberry Pi Media ServerRaspberry Pi最受欢迎的用途是用于定制媒体服务器所有你需要的是一个可以访问你的娱乐系统的Pi和一个OSMC的副本,OSMC是一个开源的媒体中心,“为人民和人民建造的”在这些教程中,Bra...

python3 中文写入CSV的乱码问题_amberom的博客-程序员秘密

with open('test.csv', 'w', newline='',encoding='utf-8-sig') as file: writeCSV = csv.writer(csvfile) writeCSV.writerow(['一年级','1班']) 注意:encoding="utf-8-sig"