前端Vue 后端java 请用代码实现 用base64加密的方式前端传值后端解密

前端使用 Vue，后端使用 Java 来实现前端值后端解密的 base64 加方式，你可以按照以下步骤进行操作。

前端代码（Vue）：

<template>
  <div>
 <!-- 前端输入框 -->
    <input v-model="inputData" type="text" placeholder="输入要加密的数据" />
    <!-- 加密按钮 -->
    <button @click="encryptData">加密</button>
    <!-- 加密后的数据 -->
    <p>加密后的数据：{{ encryptedData }}</p>
    <!-- 传输到后端的数据 -->
    <p>传输到后端的数据：{{ transmittedData }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputData: '',
      encryptedData: '',
      transmittedData: ''
    };
  },
  methods: {
    encryptData() {
      // 使用 base64 加密数据
      this.encryptedData = btoa(this.inputData);
      // 传输到后端的数据为加密后的数据
      this.transmittedData = this.encryptedData;
    }
  }
};
</script>

后端代码（Java）：

import java.util.Base64;

public class Main {
    public static void main(String[] args) {
        String transmittedData = "加密后的数据"; // 假设这是前端传输到后端的加密数据

        // 解密传输过来的数据
        byte[] decodedBytes = Base64.getDecoder().decode(transmittedData);
        String decryptedData = new String(decodedBytes);

        System.out.println("解密后的数据：" + decryptedData);
    }
}

以上代码实现了前端使用 Vue 对输入的数据进行 base64 加密，并将加密后的数据传输到后端。后端使用 Java 对传输过来的数据进行解密，并输出解密后的数据。

请注意，这只是一个简单的示例，实际应用中可能需要更多的安全措施和错误处理。另外，前端使用了浏览器内置的 `btoa` 方法进行加密，后端使用了 Java 8 的 `Base64` 类进行解密。