vue3 使用rsa加密 提供代码

以下是一个简单的示例代码，演示如何使用RSA加密数据。

首先，需要安装 node-rsa 包来生成和处理RSA密钥和加密/解密数据。可以使用 npm 命令进行安装：

npm install node-rsa

接下来，创建一个 RsaEncryption 类来封装RSA加密和解密的逻辑：

const NodeRSA = require('node-rsa');

class RsaEncryption {
  constructor() {
    // 生成RSA密钥对
    this.key = new NodeRSA({ b: 512 });
  }

  // 加密数据
  encrypt(data) {
    return this.key.encrypt(data, 'base64');
  }

  // 解密数据
  decrypt(data) {
    return this.key.decrypt(data, 'utf8');
  }
}

module.exports = RsaEncryption;

在构造函数中，我们生成一个RSA密钥对。然后，我们提供了两个方法来加密和解密数据。在加密方法中，我们使用公钥加密数据。在解密方法中，我们使用私钥解密数据。

接下来，我们可以在Vue组件中使用 RsaEncryption 类来加密和解密数据：

<template>
  <div>
    <textarea v-model="message" placeholder="请输入要加密的信息"></textarea>
    <button @click="encryptMessage">加密信息</button>
    <button @click="decryptMessage">解密信息</button>
    <p>加密后的信息：{{ encryptedMessage }}</p>
    <p>解密后的信息：{{ decryptedMessage }}</p>
  </div>
</template>

<script>
import RsaEncryption from './RsaEncryption';

export default {
  data() {
    return {
      message: '',
      encryptedMessage: '',
      decryptedMessage: '',
    };
  },

  methods: {
    encryptMessage() {
      const rsa = new RsaEncryption();
      this.encryptedMessage = rsa.encrypt(this.message);
    },

    decryptMessage() {
      const rsa = new RsaEncryption();
      this.decryptedMessage = rsa.decrypt(this.encryptedMessage);
    },
  },
};
</script>

在这个Vue组件中，我们使用 RsaEncryption 类来创建一个 rsa 实例，然后调用 encrypt 和 decrypt 方法来加密和解密数据。我们将加密后的信息和解密后的信息显示在页面上。

请注意，这个示例代码只是一个简单的演示，实际情况中应该使用更长的RSA密钥和更复杂的加密/解密逻辑来保障安全性。