springboot和vue连接接口

要连接Spring Boot后端和Vue前端，可以使用RESTful API。以下是一些基本步骤：

1. 在Spring Boot中创建RESTful API。这可以通过使用Spring MVC和Spring Boot自动配置来实现。您可以编写控制器类来处理请求，并使用注释指定路由和HTTP方法。

2. 在Vue中使用Axios或其他HTTP库来发出API请求。您可以在Vue组件中使用axios.get（）或axios.post（）等函数来调用API。

3. 在Vue组件中处理API响应。您可以在组件中使用响应数据来更新UI。

以下是一个简单的示例：

在Spring Boot中创建一个控制器类：

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

    @GetMapping("/hello")
    public String hello() {
        return "Hello, world!";
    }
}

在Vue中使用Axios来发出请求：

import axios from 'axios'

export default {
  data() {
    return {
      message: ''
    }
  },
  mounted() {
    axios.get('/api/hello')
      .then(response => {
        this.message = response.data
      })
  }
}

在Vue组件中使用响应数据来更新UI：

<template>
  <div>{{ message }}</div>
</template>

<script>
  // ... 代码省略
</script>

此示例演示了如何从Vue组件中调用Spring Boot API并更新UI。您可以根据需要扩展此示例，并将其用于您自己的项目。