本文主要是介绍uniapp vue3版本引用 jsencrypt加密库报错:“default“ is not exported by……,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
个人产生这个异常的原因:将历史项目(vue2)的jsencrypt文件复制到新项目(vue3)里直接引用报错。存在兼容问题,需要重新安装vue3版本的jsencrypt
安装依赖
npm install jsencrypt
页面引入
import { JSEncrypt } from 'jsencrypt'
简单封装
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) // 对数据进行解密
}
具体使用
<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加密验证
这篇关于uniapp vue3版本引用 jsencrypt加密库报错:“default“ is not exported by……的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!