uniapp/vue使用jsencrypt加密

最新推荐文章于 2025-07-05 16:41:47 发布

原创最新推荐文章于 2025-07-05 16:41:47 发布 · 4.4k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

项目开发记录同时被 3 个专栏收录

24 篇文章

订阅专栏

vue

16 篇文章

订阅专栏

uniapp

8 篇文章

订阅专栏

本文介绍如何在uniapp项目中利用jsencrypt库进行RSA加密操作，包括npm安装、全局替换window和navigator对象的方法，以及在项目中导入和使用RSAencrypt函数的具体步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp

npm下载jsencrypt
在下载下来的jsencrypt.js中加入以下代码全局替换

// 用来替换 navigator
var navigator2 = {
appName: 'Netscape',
userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1'
};
  
//  用来替换window
var window2 = {
  ASN1: null,
  Base64: null,
  Hex: null,
  crypto: null,
  href: null
};

在新建的js文件里

import JSEncrypt from '../components/jsencrypt';
let publicKey = '自行获取';
//公钥写在前端有可能扫描出来漏洞，可以加密使用之前解密、可以接口获取
function RSAencrypt(pas){
	//实例化jsEncrypt对象
	let jse = new JSEncrypt();
	//设置公钥
	jse.setPublicKey(publicKey);
	return jse.encrypt(pas);
}

export {RSAencrypt}
//可以在main.js中引入，挂载到vue原型上。

在需要的地方引入
1、

import { RSAencrypt } from '../../common/jsencrypy.js';
let jiami = RSAencrypt(pas);

2、挂载到vue原型上，通过this使用

vue

不用去替换源码里的window和navigator，使用方法和上面一样