vue通过Get向springboot传送数据

Vue.js 和 SpringBoot 都是非常流行的技术栈，Vue 主要用作前端框架，而 SpringBoot 是一个简洁的 Java Web 应用启动器。当你想从 Vue 组件向 SpringBoot 后端发送 GET 请求获取数据时，可以按照以下步骤操作：

1. **设置基础配置**:
- 在 Vue 中，你需要安装 Axios 或者 Vue-resource 这样的 HTTP 客户端库来处理网络请求。如果你已经安装了 Vue CLI，可以在项目里运行 `npm install axios` 或者 `yarn add axios`。

2. **创建 Vue 组件**:
使用 Axios 发送 GET 请求：

   import axios from 'axios';

   export default {
     data() {
       return {
         users: [],
       };
     },
     created() {
       axios.get('http://your-springboot-api-url/api/users') // 替换为实际的 SpringBoot API URL
         .then(response => (this.users = response.data))
         .catch(error => console.error('Error fetching users:', error));
     },
   };

3. **SpringBoot 配置**:
在 SpringBoot 后端，需要配置一个 RESTful API 接口来返回数据。例如，在 `UserController.java` 或类似文件中：

   @RestController
   public class UserController {
       @GetMapping("/api/users")
       public List<User> getUsers() {
           // 返回从数据库查询的结果或静态数据列表
           return userService.getAllUsers(); // 假设UserService有此方法
       }
   }