vue sm4 32字节密钥 加密

你可以使用 Vue.js 和 sm-crypto 库来实现使用 32 字节密钥进行 SM4 加密。首先，确保你已经安装了 Vue.js 和 sm-crypto。

然后，你可以按照以下步骤进行操作：

1. 在你的 Vue.js 项目中，通过 npm 或 yarn 安装 sm-crypto：

   npm install sm-crypto
   # 或
   yarn add sm-crypto

2. 在需要使用 SM4 加密的组件中引入 sm-crypto：

   import sm from 'sm-crypto';

3. 使用你的 32 字节密钥进行加密操作。假设你的密钥是一个字符串：

   const key = '1234567890abcdef1234567890abcdef';
   const plaintext = '要加密的明文';
   
   // 将密钥转换为字节数组
   const keyBytes = sm.sm3(key).slice(0, 16);
   
   // 将明文转换为字节数组
   const plaintextBytes = sm.stringToBytes(plaintext);
   
   // 使用 SM4 加密算法进行加密
   const ciphertextBytes = sm.sm4.encrypt(keyBytes, plaintextBytes);
   
   // 将加密后的字节数组转换为 Base64 字符串
   const ciphertext = sm.bytesToBase64(ciphertextBytes);

4. 现在，你可以使用得到的 `ciphertext` 进行后续操作，比如传递给后端或存储在本地。

请注意，上述示例中使用的是 sm-crypto 库的 SM4 加密算法，该算法是基于国密标准的实现。确保你的密钥长度为 32 字节，并且适当地处理密钥和明文的转换。