vue怎么和springboot连接

Vue 和 Spring Boot 可以通过 RESTful API 进行连接。

首先需要在 Spring Boot 中编写 RESTful API，可以使用 Spring Boot 的 Spring Web 或 Spring MVC 框架来实现。在 API 中可以使用 Spring Data JPA 或者 MyBatis 等框架访问数据库。

然后在 Vue 中通过 axios 或者 fetch 等库调用这些 RESTful API 接口，获取数据并进行展示和操作。

具体实现可以参考以下步骤：

1. 在 Spring Boot 中编写 RESTful API 接口，例如：

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

    @Autowired
    private UserRepository userRepository;

    @GetMapping("/users")
    public List<User> getUsers() {
        return userRepository.findAll();
    }

    @PostMapping("/users")
    public User createUser(@RequestBody User user) {
        return userRepository.save(user);
    }

    // 更多接口...
}

2. 在 Vue 中引入 axios 或者 fetch 库：

import axios from 'axios';

// 或者
import fetch from 'node-fetch';

3. 在 Vue 中调用 RESTful API 接口：

axios.get('/api/users')
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.error(error);
    });

// 或者
fetch('/api/users')
    .then(response => response.json())
    .then(data => {
        console.log(data);
    })
    .catch(error => {
        console.error(error);
    });

这样就可以在 Vue 中访问 Spring Boot 中的数据了。需要注意的是，需要在 Vue 的配置文件中配置代理，以防止跨域问题。