uniapp vue3版本引用 jsencrypt加密库报错:“default“ is not exported by……

个人产生这个异常的原因:将历史项目(vue2)的jsencrypt文件复制到新项目(vue3)里直接引用报错。存在兼容问题,需要重新安装vue3版本的jsencrypt

安装依赖

复制代码
npm install jsencrypt

页面引入

js 复制代码
import { JSEncrypt } from 'jsencrypt'

简单封装

js 复制代码
import {
	JSEncrypt
} from 'jsencrypt'
// 密钥对生成 http://web.chacuo.net/netrsakeypair
const publicKey ='你的公钥'
const privateKey = '你的私钥'

// 加密
export function encrypt(txt) {
	const encryptor = new JSEncrypt()
	encryptor.setPublicKey(publicKey) // 设置公钥
	return encryptor.encrypt(txt) // 对数据进行加密
}

// 解密
export function decrypt(txt) {
	const encryptor = new JSEncrypt()
	encryptor.setPrivateKey(privateKey) // 设置私钥
	return encryptor.decrypt(txt) // 对数据进行解密
}

具体使用

js 复制代码
<script>
	import {
		encrypt
	} from '@/utils/rsa/jsencrypt-vue3.js'
	export default {
		data() {
			return {
			}
		},
		methods: {
			startLogin() {		
			    var param = {
					username: 'xxxxx',
					
					// 调用加密方法,完成密码的rsa加密
					password: encrypt('xxxxxx')
				}
			}
		}
	}
</script>

参考资料

uniapp vue3版本 Android 引用 jsencrypt加密库 报错问题 "default" is not exported by,解决方法
前端VUE3使用RSA加密向后端传输密码
微信小程序使用npm方式增加jsencrypt rsa加密验证

相关推荐
猫猫头有亿点炸9 分钟前
C语言之九九乘法表
c语言·开发语言
问道飞鱼21 分钟前
【Vue3知识】组件间通信的方式
开发语言·javascript·ecmascript·组件·通信
小破孩呦21 分钟前
动态列表的数据渲染、新增、编辑等功能开发及数据处理
前端·javascript·elementui
熟悉不过22 分钟前
cesium项目之cesiumlab地形数据加载
前端·javascript·vue.js·cesium·webgis·cesiumlab
树下水月30 分钟前
关于使用python 安装 flask-openapi3扩展,使用docker 环境的完整复盘
开发语言·python·flask
时雨h30 分钟前
《Spring Boot+策略模式:企业级度假订单Excel导入系统的架构演进与技术实现》
开发语言·bash
程序员JerrySUN42 分钟前
驱动开发硬核特训 · Day 1
java·linux·运维·开发语言·c++·驱动开发
明明明h43 分钟前
C#网络编程(Socket编程)
开发语言·网络·c#
爱写代码的小朋友1 小时前
PHP+Vue 3实现增删改查(CRUD)
开发语言·vue.js·php
不简说1 小时前
sv-print可视化打印组件不完全指南③
前端·javascript·vue.js