vue前后端aes url传参解密再解base64编码

需求：我们公司做机票订购服务，有自己的平台的订单，也有第三方网站向我们网站导入的用户订单，第三方导入的是通过url传参的方式导入。url会携带用户的相关信息。

url里面的参数是经过aes加密和base64编码的，因此要取出里面的数据是要解密和解码的。

方案：

第一步：

安装要依赖的js, npm install --save_dev crypto-js 然后在组件中将其引入。

代码：

import CryptoJS from 'crypto-js'

截图

：

第二步：

安装要依赖的js

获取url中要取的参数，因为是url传参，所以我们要在初始化create时进行取值，

代码:

 var ddl = this.$route.query.channelvar word = this.$route.query.info;

截图：

第三步：

写相应的业务js代码

获取url中要取的参数，因为是url传参，所以我们要在初始化create时进行取值，

代码:

result就是最终解码后的参数。注意：asdfghjklzxcvbnm是后端给的密钥。

 /*解密*/function decrypt(word) {var key = CryptoJS.enc.Utf8.parse("asdfghjklzxcvbnm");var restoreBase64 = word.replace(/\-/g, '+').replace(/_/g, '/');// 这里 mode, padding, iv 一定要跟加密的时候完全一样// 返回的是一个解密后的对象var decipher = CryptoJS.AES.decrypt(restoreBase64, key, {mode: CryptoJS.mode.ECB,padding: CryptoJS.pad.Pkcs7,iv: '',});// 将解密对象转换成 UTF8 的字符串var resultDecipher = CryptoJS.enc.Utf8.stringify(decipher);// 返回解密结果return resultDecipher;}var result = decrypt(word);

截图：

vue前后端aes url传参解密再解base64编码相关推荐

Vue前后端的上传和下载模块以及遇到的问题
最近在写VUE的上传和下载记录一下遇到的问题 1.上传部分 2.前端页面下载后端上传后端上传和普通其他的上传一个可以采用普通的文件上传方式就行 @PostMapping("/pic&q ...
angular和JAVA实现aes、rsa加密解密，前后端交互，前端加解密和后端JAVA加解密实现
今天实现了下AES和RSA加密解密,主要的功能是对前后端交互数据进行加密解密,为什么要用到两个算法呢,首先RSA默认的话加密长度是有限的100多个byte吧大约,并且需要公钥私钥,而AES加密没有限制 ...
SpringBoot + Vue 前后端分离（用户信息更新头像上传Markdown图片上传）
文章目录前言用户信息更新前端发送后端接口修改用户头像前端前端图片显示图片上传完整代码后端代码图片存储图片上传工具类图片工具类的配置工具类实现效果 Markdown 图片 ...
记一次vue踩坑 this.$router.back()在ios失效,试了各种返回，最后发现是因为url传参的原因，去掉参数就可以了。。
因为之前有项目也用过类型的,我就找不同,发现之前项目的打包完直接用的....index.html访问现在的项目用的....index.html#/访问的 --------------------- ...
视频教程-SpringBoot+Security+Vue前后端分离开发权限管理系统-Java
SpringBoot+Security+Vue前后端分离开发权限管理系统 10多年互联网一线实战经验,现就职于大型知名互联网企业,架构师, 有丰富实战经验和企业面试经验:曾就职于某上市培训机构数年,独 ...
React / Vue 前后端分离项目实现微信分享教程
小编推荐:Fundebug专注于JavaScript.微信小程序.微信小游戏,Node.js和Java实时BUG监控.真的是一个很好用的bug监控费服务,众多大佬公司都在使用. 网上非常多的微信分享例 ...
适合新手拿来练习的springboot+vue前后端分离小Demo
前言: 作者:神的孩子在歌唱大家好,我叫智练习springboot+vue前后端分离的Demo 一. 设计数据库二 . springboot项目创建 2.1 基本配置 2.2 创建dao层三. ...
基于springboot vue前后端分离的图书借阅管理系统源码
请观看视频: 基于springboot vue前后端分离的图书借阅管理系统源码 <project xmlns="http://maven.apache.org/POM/4.0.0&qu ...
SpringBoot+MyBatisPlus+Vue 前后端分离项目快速搭建【后端篇】【快速生成后端代码、封装结果集、增删改查、模糊查找】【毕设基础框架】
前后端分离项目快速搭建[后端篇] 数据库准备后端搭建 1.快速创建个SpringBoot项目 2.引入依赖 3.编写代码快速生成代码 4.运行代码生成器生成代码 5.编写application.pr ...

vue前后端aes url传参解密再解base64编码

vue前后端aes url传参解密再解base64编码相关推荐

最新文章

热门文章