东莞网站建设托管,网页模板小偷,成品网站分享一下,中国建设银行吉林省分行官网站JSEncrypt 是一个用于在客户端进行加密的 JavaScript 库。它基于 RSA 加密算法#xff0c;可以用于在浏览器中对数据进行加密和解密操作。 以下是使用 JSEncrypt 进行加密和解密的基本示例#xff1a;
第一步#xff1a;安装 JSEncrypt
首先#xff0c;你需要引入 JSEn… JSEncrypt 是一个用于在客户端进行加密的 JavaScript 库。它基于 RSA 加密算法可以用于在浏览器中对数据进行加密和解密操作。 以下是使用 JSEncrypt 进行加密和解密的基本示例
第一步安装 JSEncrypt
首先你需要引入 JSEncrypt 库。你可以在项目中添加 JSEncrypt 的脚本文件或者使用 CDN
!-- 使用 CDN 引入 JSEncrypt 脚本 --
script srchttps://cdnjs.cloudflare.com/ajax/libs/jsencrypt/3.0.0/jsencrypt.min.js/scriptor(或者)
npm install jsencrypt
第二步枚举公/私钥
src/config/map/index.js
// 设置公钥、私钥通常从服务器获取这里仅为示例
const publicKey MIGfMA0GCSqGSIb3DQEBCBiQKBgQCOvCfR4vqp1Nknj4PA3jZm9Hq8tiH5tubX3UjKx5b71rjRaSgLGd0ZA3ZK380EAXB99su0p62jfiAX7anOXRrBGqeXEhVCpNCRsUw/JwvjyEJ284FVXicNJNVVORnjbOJx6Ue3iXFlkbQWocR8LXvjXFzftQIDAQAB;
const privateKey MIICdwIBADANBgkqhkiG9w0BAQEFAASCAmEwggJdAgEAAoGBAI68J9HiqlsbJxnLClhNfVzU2SePg8DeNmb34ery2Ifm25tfdSMrHlvvWv6NFpKAsZ3RkDdkrfzQQBcH32y7SnraNIBftqc5dGsEap5cSFUKk0JGxTD8nCPIQnbzgVVeJw0k1VU5GeP5s4NcXN1AgMBAAECgYBpz3PZdOELDbRqMVWci1Lb1RBRtsLfqGEGpCVKULpxxPlVWWP88gMUOFobREyXzcx8Chwy9o6mBXDvcaVbo8oLDnumqxTMQ7uRGIl92Nt5OvtVp/hImxBQgEdEw0PQ6jKUjTaoP3t9Z0iJVZGaRsGdQJBAP5Iz9iJsxCRFFknr075wk84N/3G7lD5NmX3yZN8XhyCfoCXhRgB9xELdqAjFWDx8CQQCPsq5CXe6WhEHAAr6MvG1W2YtIAfFFqaVbvbgy8SuTYAJYWSzNTwDSQcQFcKGoUXsrtNZqaqM/uqv0HJB1HqrAkEA9yIwztUaKWtID0AssqVBqWmIt2vQnSeACAvo2Pd0zxiPoSubYgntGZmhshN3KIvrC6WrcSLKMepXO18A6JQJAAYoKb8NxLL5VKOM/e4vBtscIME0Jg2mzr3BCStMNDwdX3PC5IKaIaZusRg5wxHMXfV77nvh78bSHLVJnteLQJBAN55a/qiELgCMN6ZOne6FageR5B3gMaVDNJsCOcBwJpFRcW8cxssv4TNUfqfn1VwBeqtO9zVDVLNZOxFJme3u4;export {publicKey,privateKey
};第三步封装加密解密方法 src/config/utils/index.js
import { JSEncrypt } from jsencrypt;
import { publicKey, privateKey } from map/index.js;// 加密
function encryptText(text) {const instance new JSEncrypt();instance.setPublicKey(publicKey);return instance.encrypt(text);
}// 解密
function decryptText(text) {const instance new JSEncrypt();instance.setPrivateKey(privateKey);return instance.decrypt(text);
}export {encryptText,decryptText,
} 第四步组件中使用
script setupimport { ref } from vue;import { encryptText, decryptText } from utils;const loginForm ref({});const submit () {let { password, username } loginForm.value || {}let resLoginInforesLoginInfo[password] encryptText(password)resLoginInfo[username] encryptText(username) /*{ password:OdmiGTQLhvvIGPHZewL431msOIQvmt7M0L4jC9MyOEKRPvX5BNR8TWqPSb0dJoc, username:WURTJuEE9Sv4gbEcQWH9VC14k7M0L4jC9MyOEKRPvX5BNR8TWnS5H7ycV8fMYng}*/}
/script
