axios如何用到sprinboot

在 Spring Boot 中使用 Axios 与其他前端框架使用 Axios 类似，主要是在前端页面引入 Axios 库，并发送 HTTP 请求。在 Spring Boot 中，我们可以使用 Spring Web 模块来处理 HTTP 请求和响应，通常使用 @RestController 和 @RequestMapping 注解来定义 RESTful API。

下面是一个 Spring Boot 中使用 Axios 发送 GET 请求的示例代码：

1. 引入 Axios 库

可以使用 npm 或者 yarn 安装 Axios 库，并将其引入到前端页面中。例如，在 HTML 页面中可以通过以下方式引入 Axios：

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

2. 发送 GET 请求

在 Spring Boot 中，我们可以使用 @RestController 和 @RequestMapping 注解定义 RESTful API。下面是一个简单的示例代码，该代码使用 @RestController 和 @RequestMapping 注解定义了一个 GET 请求的 API 接口，并返回一个 JSON 格式的响应：

@RestController
public class UserController {

    @RequestMapping(value = "/users", method = RequestMethod.GET)
    public List<User> getUsers() {
        // 查询用户数据
        List<User> users = userRepository.findAll();
        return users;
    }
}

在前端页面中，可以使用 Axios 发送 GET 请求，获取到用户数据。例如，在 Vue.js 中可以使用以下代码：

<template>
  <div>
    <ul>
      <li v-for="user in users" :key="user.id">
        {{ user.name }}
      </li>
    </ul>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      users: []
    };
  },
  mounted() {
    axios.get('/users')
      .then(response => {
        this.users = response.data;
      })
      .catch(error => {
        console.error(error);
      });
  }
};
</script>

在上面的代码中，我们使用 Axios 发送 GET 请求，获取到 /users 接口返回的用户数据，并将其赋值给 Vue.js 中的 data 属性 users。然后，在前端页面中使用 v-for 指令循环渲染用户列表。