springboot 和vue如何进行链接

Spring Boot 和 Vue 的集成主要是为了创建单页应用（SPA，Single Page Application），它们可以高效地协同工作。以下是常见的步骤：

1. **项目结构**：
- 创建一个基本的 Spring Boot Web 应用。
- 使用 Vue.js 作为前端框架，在`src/main/resources/static`目录下创建一个用于存放Vue应用的文件夹，如`public`。

2. **配置**：
- 在 Spring Boot 中，启用静态资源处理。添加以下到`application.properties`或`application.yml`中：

     server.static-path-prefix=/static

- 这样 Spring Boot 将会把所有位于`/static`路径下的请求交给 Vue.js 来处理。

3. **引入前端脚手架**：
- 在 Vue 项目中安装必要的依赖，例如`axios`用于发送HTTP请求到 Spring Boot 后端。

   npm install axios vue-router vuex --save

4. **API 调用**：
- 在 Vue 组件中，使用`axios`发起 HTTP 请求到`http://localhost:8080/your-endpoint`（根据实际情况替换端口和URL）。

   import axios from 'axios';

   export default {
       data() {
           return {
               user: {}
           };
       },
       async componentDidMount() {
           const response = await axios.get('/api/user');
           this.user = response.data;
       }
   }

5. **路由管理**：
- 如果需要，你可以通过 Vue Router 进行页面之间的导航，并将 API 路由映射到 Spring Boot 控制器上。