vue+springboot的md5加密代码

我可以回答这个问题。以下是一个使用 Vue 和 Spring Boot 实现 MD5 加密的代码示例：

Vue 代码：

<template>
  <div>
    <input v-model="inputText" type="text" placeholder="请输入要加密的文本">
    <button @click="encrypt">加密</button>
    <p>加密后的结果为：{{ encryptedText }}</p>
  </div>
</template>

<script>
import axios from 'axios'
import md5 from 'js-md5'

export default {
  data() {
    return {
      inputText: '',
      encryptedText: ''
    }
  },
  methods: {
    encrypt() {
      axios.post('/api/encrypt', {
        text: this.inputText
      }).then(response => {
        this.encryptedText = response.data
      })
    }
  }
}
</script>

Spring Boot 代码：

@RestController
@RequestMapping("/api")
public class EncryptController {

    @PostMapping("/encrypt")
    public String encrypt(@RequestBody Map<String, String> request) {
        String text = request.get("text");
        return DigestUtils.md5Hex(text);
    }
}

这个示例使用了 axios 库发送 POST 请求到 Spring Boot 后端，后端使用了 Apache Commons Codec 库中的 DigestUtils 类来进行 MD5 加密。