引入jsencrypt非浏览器环境报错问题:navigator is not defined修复

最新推荐文章于 2024-07-26 19:40:21 发布
最新推荐文章于 2024-07-26 19:40:21 发布
阅读量573 收藏
点赞数 1
分类专栏： vue 文章标签： 前端 vue.js 笔记 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57933935/article/details/137050719
版权
文章讨论了由于jsncrypt代码依赖浏览器对象，导致在小程序等非浏览器环境中无法使用的问题。解决方案是修改源代码以兼容，推荐使用jsencrypt-plus包，并提供了npm安装方法和在Gitee上的具体使用指南。
摘要由CSDN通过智能技术生成

在这里插入图片描述
原因：由于jsncrypt代码里面含有window、document、navigator对象，这些对象可以在pc端、移动端的浏览器使用，不能在小程序等非浏览器环境下正常使用

解决：直接修改包的源代码兼容一下即可

有大佬将改后的包放在了这里可以点击下方链接看下
月半流云 / jsencrypt-plus
将jsencrypt包替换为jsencrypt-plus包使用

 npm install jsencrypt-plus

具体使用在gitee地址有介绍！

吃西瓜不吐籽_
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JS判断浏览器之Navigator对象
10-31
Navigator 对象是 JavaScript 中的一个内置对象，包含了关于访问者浏览器的所有信息。在 Navigator 对象中，我们可以获取浏览器的名称和版本号等信息。 一、appName 属性 appName 属性用于获取浏览器的名称，如 ...
JavaScript中的Navigator浏览器对象
10-30
JavaScript中的Navigator浏览器对象 JavaScript中的Navigator浏览器对象是一个重要的浏览器...navigator对象是一个非常重要的浏览器对象，它提供了许多有用的信息，可以帮助开发者更好地理解当前浏览器的环境和能力。
js使用jsencrypt报错：navigator is not defined window is not defined
weixin_39818813的博客
08-11 1083
在react中使用了jsencrypt进行加密，前一天能正常加密，第二天运行的时候就报错，具体做了哪些操作，忘记了，应该有执行。应该是执行了npm install 拉取了新版的jsencrypt，导致版本不兼容。经过测试，发现最新的版本。
python execjs execjs._exceptions.ProgramError: ReferenceError: navigator is not defined
qq_30116343的博客
03-08 6523
问题： execjs._exceptions.ProgramError: ReferenceError: navigator is not defined 解决办法： 在js文档头部添加如下代码 global.navigator={ userAgent: 'node.js', };
execjs 报错----navigator is not defined
qq_42771415的博客
04-10 5850
使用execjs运行js时遇到navigator is not defined报错，解决办法： 在js里加入global.navigator={ userAgent: 'node.js', };即可
[974]python execjs execjs._exceptions.ProgramError: ReferenceError: navigator is not defined
周小董
05-13 6700
问题：execjs._exceptions.ProgramError: ReferenceError: navigator is not defined 解决办法： 在js文档头部添加如下代码 global.navigator={ userAgent: 'node.js', }; 报错：execjs._exceptions.ProgramError: SyntaxError: 缺少标识符、字符串或数字 解决：本地安装node.js(注：配环境变量) >>> import execjs &
解决nextjs中Uncaught Error: navigator is not defined at updateDehydratedSuspenseComponent问题
最新发布
云雨之石的博客
07-26 151
这个错误实际上是由于在nextjs中，不管client components还是server components，它都会先在server side进行初始化渲染，因此，我们可以使用懒加载的方式去import组件。最近在做nextjs项目，在引入一个markdown编译器的时候，报了。
JSEncrypt组件报错
qq_43528934的博客
07-19 727
解决：去掉^，指定版本（暂不更改，怕该组件不更新使用不了）
详解Anaconda安装tensorflow报错问题解决方法
12-16
然而，安装过程中可能会遇到各种问题，特别是版本兼容性问题。本篇文章将详细解析如何解决在Anaconda环境下安装TensorFlow时遇到的"UnsatisfiableError"报错，并提供解决方案。 首先，这个错误通常意味着你的...
navigator:Navigator是您的go服务的分布式层
04-29
航海家 Navigator是用于go服务的分布式框架。 导航器可以用作分布式层。 它的重量很轻，只包含一组用于分布式系统的库 组件 1. Discovery: Used to discover new nodes ...4. Navigator: Implementation of distribut
js判断浏览器的环境（pc端，移动端，还是微信浏览器）
11-30
本文将详细讲解如何使用JavaScript来判断用户是在PC端、移动端还是微信浏览器环境下访问网站。 首先，我们可以使用`navigator.userAgent`对象来获取浏览器发送的用户代理字符串，这个字符串包含了关于浏览器和操作...
SpringBoot jQuery报错：Uncaught ReferenceError: $ is not defined
runrunrun0110的博客
06-04 4343
出现这种原因就是没找到Jq文件，网上列举了很多方法，但是springboot的一大特点就是“约定优于配置”。总结出来就是js的静态资源文件要放到static的子级目录下。具体如下，就可以正常引用了。...
调试小技巧：用浏览器来调试你抠出来的JS代码
Python3 爬虫实战 1:应对特殊字体,爬取猫眼电影实时排行榜
12-28 2354
为啥要用浏览器来调试代码，因为随着 各大网站 检测 浏览器指纹 的增多，在浏览器上面调试显得尤为重要。试想一下，如果 抠的代码在浏览器上面都跑不通，在node上面更不可能跑通了。 我在调试JS的时候绝大部分的顺序是这样的： 浏览器调试OK ---> node 缺啥补啥 ---> Python调用 JS代码。 看到群友抠RSA的代码，头都大了，我们就以...
python 学习
挚友的博客
10-22 7122
文章目录一、导入模块OS，模块中方法的使用二、使用步骤1.文件名遍历2.一个文件复制到另一个目录3.一个目录复制到另一个目录 一、导入模块OS，模块中方法的使用 导入模块 import os 查看当前操作系统（Window 是 nt；Linux是posix） os.name 实例 print(os.name ) 获取当前目录 就和 Linux中的 pwd 一样 os.getcwd() 实例 print(os.getcwd() ) 获取当前目录所有文件（等于dir ls） os.list
nuxt引入tinymce遇到navigator，以及其他的一些坑
木子的博客
03-20 731
nuxt使用tinymce富文本，出现的坑
nuxt 引入富文本编辑器wangEditor，刷新就会报错？试试这个
gujian_peachblossom的博客
07-11 1806
nuxt 引入富文本编辑器wangEditor，刷新就会报错？试试这个 Vue的component
vuepress引入vue-qr组件后build报错navigator is not defined问题
薛定喵君的博客
09-11 3879
记下vuepress引入外部组件后build报错问题 最近博客中集成了vue-qr组件用于生成访问的二维码. # 组件安装 npm install vue-qr# 自定义组件代码 Qrcode.vue <template> <div class="vue-qrcode-box"> <vue-qr :text="qrUrl" :size="114" :mar...
【接口测试】JMeter调用JS文件实现RSA加密
自动化软件测试
12-23 694
最近遇到的一个接口传参使用jsencrypt进行RSA加密，于是我查阅资料发现JMeter的JSR233 预处理程序可以调用js文件。
vue-element-admin(vue2) 二次开发需注意事项
WebFrontEnd_TL
11-14 9908
目录ElementUI ElementUI <el-divider /> 组件无法使用 解决：修改package.json element-ui 的版本号大于2.8.0 ## 查看可以版本 npm view element-ui version ## 修改package.json 中element-ui版本为最新 ## 更新element-ui npm update elem.......................................
postman 使用JSEncrypt
09-04
要在 Postman 中使用 JSEncrypt 加密数据，你可以按照以下步骤进行操作： 1. 首先，确保你已经安装了 Postman。 2. 打开 Postman 并创建一个新的请求。 3. 在请求中，选择 "Body" 选项卡，并选择 "raw" 格式。 4. 在 "raw" 编辑器中，选择 "JSON" 并输入要加密的数据。 5. 在 Pre-request Script 中，使用 JavaScript 引入 JSEncrypt 库。你可以在 Postman 的 "Pre-request Script" 选项卡中添加以下代码： ```javascript // 引入 JSEncrypt 库 const JSEncrypt = require('jsencrypt').JSEncrypt; ``` 6. 在 Pre-request Script 中，创建一个函数来加密数据。例如： ```javascript // 创建加密函数 function encryptData(publicKey, data) { const encrypt = new JSEncrypt(); encrypt.setPublicKey(publicKey); // 加密数据 const encryptedData = encrypt.encrypt(data); return encryptedData; } ``` 7. 在 Pre-request Script 中，调用加密函数并将加密后的数据设置为环境变量。例如： ```javascript // 设置公钥和数据 const publicKey = 'YOUR_PUBLIC_KEY'; const data = JSON.stringify(requestData); // 调用加密函数并将加密后的数据设置为环境变量 pm.environment.set('encryptedData', encryptData(publicKey, data)); ``` 确保将 `YOUR_PUBLIC_KEY` 替换为你的实际公钥，并将 `requestData` 替换为你要加密的实际数据。 8. 在请求的 Headers 中，添加一个新的 Header，将其键设置为 'X-Encrypted-Data'，并将其值设置为环境变量 `encryptedData`，如下所示： ``` Key: X-Encrypted-Data Value: {{encryptedData}} ``` 9. 发送请求，Postman 将会使用 JSEncrypt 加密你的数据，并将加密后的数据作为请求的头部发送。 这样，你就可以在 Postman 中使用 JSEncrypt 加密数据了！请注意，在实际使用中，需要将上述代码根据你的需求进行修改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

吃西瓜不吐籽_

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值