【Vite+Ts+Vue3】使用Crypto-js封装AES加密

已于 2024-02-02 17:59:54 修改
阅读量1.9k 收藏 11
点赞数 10
分类专栏： Vue.js 文章标签： javascript typescript vue.js
于 2024-01-29 17:54:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yasyList/article/details/135917889
版权

安装依赖

cnpm install crypto-js --save

项目创建secret.ts文件

import CryptoJS from "crypto-js";

// 必须为16、24、32位
const KEY = "4564564564564564";
const IV = "4564564564564564";

/**
 * AES加密 ：字符串 key iv  返回base64
 */
export const Encrypt = (word: any, keyStr = KEY, ivStr = IV): any => {
最低0.47元/天 解锁文章
vite 启动报错：TypeError: crypto$2.getRandomValues is not a function
猿小白的博客
03-25 2439
error when starting dev server: TypeError: crypto$2.getRandomValues is not a function
vue3-封装AES(CryptoJS)前端加密解密通信
fat_shady的博客
09-25 5402
防止数据被爬取，前后端传参接收参数需要加密处理，使用AES加密。主要使用CryptoJS库中的函数方法，加密：CryptoJS.AES.encrypt(), 解密：CryptoJS.AES.decrypt()。
crypto-js 加密解密 （TS版本）
weixin_41964258的博客
01-04 7217
AES+BASE64算法加密 安装： npm install crypto-js npm install --save @types/crypto-js 创建配置文件： import CryptoJS from 'crypto-js' export interface CrypotoType { encrypt: any decrypt: any } export default class Crypoto implements CrypotoType { key = ...
vue3中使用crypto-js库进行加密/解密
qq_52696618的博客
04-30 1670
【代码】vue3中使用crypto-js库进行加密/解密。
vite+vue3 CryptoJS实现AES加解密
w1314_1314的博客
06-17 690
注意 这里的word是加密后的密码 key和iv和加密一致就行。
vue3（TS）登录账号和密码进行加密 （crypto-js）要求:aes cbc 填充模式: PKCS7 , base64URL格式
m0_56565389的博客
10-10 2056
1.在utils下新建一个AES-Pkcs7.ts文件 用来封装加密方法。2.在你的login.vue页面引入。记得先安装crypto-js依赖。
ts中安装以及使用 crypto-js 对密码进行加密和解密
m0_58293192的博客
05-29 3873
ts中安装以及使用 crypto-js 对密码进行加密和解密
Vue3 ts 使用插件crypto-js实现依据Uint8Array格式的文件生成hash256
weixin_44104809的博客
05-09 630
针对大于于百兆的文件，建议使用大文件生成方式，因为可能遇到数组长度超长error （ Invalid array length）关键代码，请提前将文件读取为Uint8Array格式，将返回文件生成的hash256。关键代码，请提前将文件读取为Uint8Array格式，将返回文件生成的hash256。针对小于百兆的文件，建议使用小文件生成方式。在使用插件的地方引入。
AES加密解密，vue3中使用AES加密以及解密，vue项目中实现AES加密解密
最新发布
m0_67403143的博客
12-23 933
AES（Advanced Encryption Standard）加密，即高级加密标准，是一种广泛使用的对称密钥加密算法，用于加密和解密数据。以下是对AES加密的详细介绍，以及其在前端和后端中的作用。AES经过长时间的研究和测试，被认为是目前最安全的加密算法之一。
从 0 搭建 Vite 3 + Vue 3 Js版 前端工程化项目
csl125的博客
11-28 1658
前言之前分享过一篇vue3+ts+vite构建工程化项目的文章，针对小的开发团队追求开发速度，不想使用ts想继续使用js，所以就记录一下从0搭建一个vite+vue3+js的前端项目，做记录分享。Vite 3 - 构建工具Vue 3Vue Router - 官方路由管理器Pinia - Vue Store你也可以选择vuexelement-plus - UI组件库Sass - CSS 预处理器Axios - 一个基于 promise 的网络请求库，可以用于浏览器和 node.js。
如何用ts搭建一个vue3通用项目底座 | 第四篇：utils函数
pasco152的博客
09-02 765
前面三篇的源码在gitee上可以查看common-template，1.0.1版本是规范篇结束，1.0.2版本是vite配置篇结束，后面都是一些细节补充，各位可以根据自己需要阅读。
vue3 中使用 ASE 加密解密 Crypto-js
weixin_44258422的博客
07-03 1631
【代码】vue3 中使用 ASE 加密解密 Crypto-js。
使用 FFmpeg 生成 ts 切片并使用 AES-128 加密
蜀道难，难于上青天。
05-08 9589
前言 最近有个需求，需要将服务器视频资源进行加密提供给客户端播放，防止用户盗用视频。 常用的加密方式 m3u8切片加密（本文使用） 各种在线播放视频的网站广泛使用的技术，切片同样是使用AES加密算法。 优点：各种浏览器，手机，小程序都能兼容，通用性很好。 缺点：由于是公开的算法，还原也十分简单，有很多影音嗅探工具能直接下载还原，加密效果很弱，防小白可以，聊胜于无。 防翻录：无 文件流加密 采用异或或者AES等文件流加密方式，对文件数据进行处理。播放时动态解密相应的数据到内存再播放。 优点：加密和解密
前后端AES对称加密 前端TS 后端Go
m0_47195133的博客
04-14 570
前后端AES对称加密 前端TS 后端Go
vue3封装crypto-js加密和解密
2301_76936596的博客
04-08 1229
或者 const CryptoJS = require('crypto-js')在要使用的组件引入import ase from "@/unit/crypto.ts"// 偏移量, 建议设置其他的字符, 这里只是为了演示，一般长度是16位。//秘钥, 建议设置其他的字符, 这里只是为了演示，一般长度是16位。ase.encrypt(data) 加密。ase.decrypt(data) 解密。在unit下新建crypto.ts。
ts文件服务器端加密,加密ts文件解密
weixin_35255032的博客
08-11 7285
#EXTM3U#EXT-X-VERSION:3#EXT-X-MEDIA-SEQUENCE:0#EXT-X-ALLOW-CACHE:YES#EXT-X-TARGETDURATION:13#EXT-X-KEY:METHOD=AES-128,URI="https://j-island.net/movie/hls_key/s/857401e309d8a032c3bb18f4b09b8db2/?f=jj_2...
AES 加密 Ts 引入 crypto-js 2020-12-16
ymszss的博客
12-16 3309
AES 加密 Ts 引入 crypto-js npm install crypto-js 导入 import * as CryptoJS from "crypto-js"; import * as CryptoJS from "crypto-js"; //秘钥 const CRYPTOJSKEY = ""; const iv = ""; export class AesManager { //加密 /* * {param} plaintText 加密明文 * ret
Vite+CryptoJS不兼容问题以及bug
jc_carry的博客
07-26 816
关于vite中使用crypto-js的问题
vite项目，打包后js文件进行加密
令瑞斌
07-15 515
说明： ./build是指需要加密的文件目录。--output 是加密后文件的输出目录。当加密目录与输出目录一样时，文件会被覆盖。加密插件：javascript-obfuscator。
vue3+ts+vite项目使用vue3-seamless-scroll
05-11
要在Vue3+TS+Vite项目中使用vue3-seamless-scroll，可以按照以下步骤进行操作： 1. 安装vue3-seamless-scroll 可以使用npm或yarn安装vue3-seamless-scroll： ```bash npm install vue3-seamless-scroll --save ``` 或 ```bash yarn add vue3-seamless-scroll ``` 2. 引入vue3-seamless-scroll 在你的Vue组件中引入vue3-seamless-scroll： ```javascript import { defineComponent } from &#39;vue&#39; import Vue3SeamlessScroll from &#39;vue3-seamless-scroll&#39; export default defineComponent({ components: { Vue3SeamlessScroll } }) ``` 3. 使用vue3-seamless-scroll 在你的Vue组件中使用Vue3SeamlessScroll组件： ```html <template> <vue3-seamless-scroll> <div class="item" v-for="item in items" :key="item">{{ item }}</div> </vue3-seamless-scroll> </template> <script> import { defineComponent } from &#39;vue&#39; import Vue3SeamlessScroll from &#39;vue3-seamless-scroll&#39; export default defineComponent({ components: { Vue3SeamlessScroll }, data() { return { items: [&#39;1&#39;, &#39;2&#39;, &#39;3&#39;, &#39;4&#39;, &#39;5&#39;] } } }) </script> ``` 以上就是在Vue3+TS+Vite项目中使用vue3-seamless-scroll的步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

★雨 潇★

谢谢您的鼓励，我会继续努力的~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值