前端非对称加密的加密操作和解密操作，使用了jsencrypt.js实现

本文说的的如何使用公钥私钥

本文使用的vue，具体如下
首先需要下载包

使用npm

npm i jsencrypt -D

使用yarn

yarn add jsencrypt

先引入jsencrypt

import JSEncrypt from 'jsencrypt'

在methods中书写方法

methods: {
	 // 加密
	 // publicKey传入的是公钥，用于加密
  	 // data为需要加密的数据
	 encryptedData(publicKey, data) {
		   // 新建JSEncrypt对象
		   let encryptor = new JSEncrypt();
		   // 设置公钥
		   encryptor.setPublicKey(publicKey);
		   // 加密数据
		   return encryptor.encrypt(data);
	 },

	 // 解密
	 // privatekey传入的是私钥，用于解密
  	 // data为加密后的数据
	 decodeData(privatekey,data){
		   // 新建JSEncrypt对象
		   let decrypt = new JSEncrypt();
		   // 设置私钥
		   decrypt.setPrivateKey(privatekey);
		   // 解密数据
		   return decrypt.decrypt(data);
	 },
}

是不是也很简单啊。

使用的话调用一下就好了，也可以绑定到vue原型上，使用起来方便，我这里没做了

例如我在生命周期created里调用了
这里需要了解一下了，只有对应的私钥才能解开相对应的公钥加密的数据

created(){
    console.log('加密',this.encryptedData('公钥','需要加密的数据'))
    console.log('解密',this.decodeData('私钥','需要解密的数据'))
}

完事，有兴趣就去试试吧。

之前写过使用node-rsa实现前端生成公钥私钥 点击查看