vue项目中Des的加密解密

1、安装

npm install crypto-js --save-dev

也可以指定版本

npm install crypto-js@3.3.0 --save-dev

2、写js方法文件des.js
提供两种方式（加密结果有所不同）
方式一：

import cryptoJs from 'crypto-js'export const encryptDes = (message, key) => {let keyHex = cryptoJs.enc.Utf8.parse(key)let option = { mode: cryptoJs.mode.ECB, padding: cryptoJs.pad.Pkcs7 }let encrypted = cryptoJs.DES.encrypt(message, keyHex, option)return encrypted.ciphertext.toString()
}export const decryptDes = (message, key) => {let keyHex = cryptoJs.enc.Utf8.parse(key);let decrypted = cryptoJs.DES.decrypt({ciphertext: cryptoJs.enc.Hex.parse(message)},keyHex,{mode: cryptoJs.mode.ECB,padding: cryptoJs.pad.Pkcs7})return decrypted.toString(cryptoJs.enc.Utf8)
}

方式二：

import cryptoJs from 'crypto-js'export const encryptDes = (message, key) => {let keyHex = cryptoJs.enc.Utf8.parse(key);let encrypted = cryptoJs.DES.encrypt(message, keyHex, {mode: cryptoJs.mode.ECB,padding: cryptoJs.pad.Pkcs7,});return encrypted.toString();
}export const decryptDes = (message, key) => {let keyHex = cryptoJs.enc.Utf8.parse(key);let decrypted = cryptoJs.DES.decrypt({ciphertext: cryptoJs.enc.Base64.parse(message),},keyHex,{mode: cryptoJs.mode.ECB,padding: cryptoJs.pad.Pkcs7,});return decrypted.toString(cryptoJs.enc.Utf8);
}

3、引入。
在main.js中引入

import { encryptDes, decryptDes } from './utils/des'
Vue.prototype.encryptDes = encryptDes;
Vue.prototype.decryptDes = decryptDes;

4、使用
示例：

let obk = {ceshi:'ceshi1',a:'aa',b:'bb'
}
let key = 'ceshiKEY';

方式一使用结果：

//加密
let jiam = this.encryptDes(JSON.stringify(obk),key)
console.log(jiam)
//结果是：bb8d7d51ab6a47e0bff4a057181fb571472a8621281dd6c19673742c79d4e5a3f0aaabe9f77124e8
//解密
let jmJson= this.decryptDes(jiam,key);
console.log(jmJson)
//结果是(字符串)：{"ceshi":"ceshi1","a":"aa","b":"bb"}

方式二结果：

//加密
let jiam = this.encryptDes(JSON.stringify(obk),key)
console.log(jiam)
//结果是：u419UatqR+C/9KBXGB+1cUcqhiEoHdbBlnN0LHnU5aPwqqvp93Ek6A==
//解密
let jmJson= this.decryptDes(jiam,key);
console.log(jmJson)
//结果是(字符串)：{"ceshi":"ceshi1","a":"aa","b":"bb"}

注：

给对象等加密要先转成字符串；
方式一和方式二的加解密不能混用；

vue项目中Des的加密解密相关推荐

vue rsa加密 php解密,Vue项目中的RSA加解密
一.安装jsencrypt 1 npm i jsencrypt node_modules文件夹中出现jsencrypt 二.引入jsencrypt 在main.js中import: 1 import ...
Vue项目中的RSA加解密
前后端使用rsa加密: 一般是客户端初始化时访问登录服务时,服务端面动态生成一对RSA对,公钥传给客户端,客户端拿到后,用户输入密码后,点登录时用公钥加密返回给服务端,服务端用私钥解就行了一.安装 ...
【土旦】vue项目中使用 pako.js 解密 gzip加密字符串
前言今天跟后台对接一个接口,接受到一个加密的值,说是通过gzip加密过的,然后就蒙蔽了, 赶紧上百度找了一下资料,通过一篇文章(原文在底部)发现有个js库可以解密,就下载轻松解密了实现代码 pok ...
如何在vue项目中使用md5加密
npm安装: npm install --save js-md5 1.在需要使用的项目文件中引入: import md5 from 'js-md5'; 使用: md5('holle') // bce ...
vue项目中加密和解密
Vue项目使用AES做加密 aes.js 文件内容如下: // test under node v6.11.1 const crypto = require("crypto"); ...
vue.js中DES、RSA、SHA1、MD5这四种加密算法的使用
vue.js中DES.RSA.SHA1.MD5这四种加密算法的使用 DES RSA SHA1 MD5 DES 美国数据加密标准(DES)是对称密码算法,就是加密密钥能够从解密密钥中推算出来,反过来也 ...
关于项目中数据库密码加密的使用
关于项目中数据库密码加密的使用 1 使用需求 2 使用步骤 1 准备一个SpringBoot项目环境 2 添加jasypt的jar包 3 创建一个测试类 4 修改配置文件 5 启动项目,访问忌口 6 ...
vue项目中五小一大六宫格拖拽排序，6宫格拖拽换位，矩阵拖拽排序
背景:项目中用到1.4.6.9.12.16宫格排序,拖拽换位等场景,项目是监控的视频矩阵,用户矩阵拖拽排序换位,之前已经实现1.4.9.12.16等矩阵式排列的拖拽排序,但是六宫格要求五小一大,之前的 ...
vue项目中，兼容vue3.0 1.0 2.0 宫格拖拽排序，特殊五小一大六宫格拖拽
前端时间写了标准宫格拖拽排序的文章 1. 2.4.9.12等等标准宫格拖拽,基于vue-grid-layout 拖拽换位无刷新 vue项目中基于vue-grid-layout开发的拖拽 ...

vue项目中Des的加密解密

vue项目中Des的加密解密相关推荐

最新文章

热门文章