VUE项目使用RSA加解密（小白版）

一、安装依赖

首先，确保你的VUE项目已经安装了jsencrypt和encryptlong这两个依赖。你可以通过以下命令进行安装：

安装jsencrypt：

pm install jsencrypt --save

安装encryptlong：

pm install encryptlong --save

二、创建RSA.js文件

1. 在src/util文件夹下创建一个名为rsa.js的文件。这个文件将用于实现RSA加解密的逻辑。

2. 在rsa.js文件中，引入jsencrypt和encryptlong：

   const JSEncrypt = require('jsencrypt');
   const EncryptLong = require('encryptlong');

3. 准备公钥和私钥。你可以使用在线的RSA密钥生成工具来生成密钥对，然后将它们粘贴到你的代码中。下面是一个示例：

   const publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBANL378k3RiZHWx5AfJqdH9xRNBmD9wGD2iRe41HdTNF8RUhNnHit5NpMNtGL0NPTSSpPjjI1kJfVorRvaQerUgkCAwEAAQ==';
   const privateKey = 'MIIBUwIBADANBgkqhkiG9w0BAQEFAASCAT0wggE5AgEAAkEA0vfvyTdGJkdbHkB8mp0f3FE0GYP3AYPaJF7jUd1M0XxFSE2ceK3k2kw20YvQ09NJKk+OMjWQl9WitG9pB6tSCQIDAQABAkA2SimBrWC2/wvau';

4. 编写完整的加密和解密函数。以下是一个简单的示例：
   ```javascript
   function encrypt(text) {
   const encryptor = new EncryptLong(publicKey);
   return encryptor.encrypt(text, 0);
   }

function decrypt(encryptedText) {
const encryptor = new EncryptLong(privateKey);
return encryptor.decrypt(encryptedText, 0);
}

三、在main.js主文件引入并注册RSA为公共方法
1. 在main.js文件中，引入刚刚创建的`rsa.js`文件：
```javascript
import rsa from '@/util/rsa.js';

1. 将RSA注册为公共方法，方便其他页面调用：

   Vue.prototype.$rsa = rsa;

四、在Vue页面使用RSA加解密（示例）

1. 在Vue组件中，你可以通过this.$rsa来调用加密和解密函数：

   let originalText = 'Hello, World!';
   let encryptedText = this.$rsa.encrypt(originalText);
   let decryptedText = this.$rsa.decrypt(encryptedText);

注意：由于RSA加密后的数据长度较大，不适合直接用于传输敏感信息。通常，我们会使用RSA加密一个对称密钥（如AES密钥），然后使用对称加密算法对实际数据进行加密。这样可以更好地平衡加密强度和性能。

希望这个教程能够帮助你实现VUE项目的RSA加解密功能。如果你有任何问题或建议，请随时与我联系。