spring boot和vue前后端怎么分离

将 Spring Boot 作为后端，Vue 作为前端，可以采用以下步骤进行分离：

1. 创建 Spring Boot 项目，实现后端 API 接口，可以使用 Spring Web、Spring Data JPA 等相关框架。

2. 创建 Vue 项目，实现前端页面。可以使用 Vue CLI 创建项目，使用 Element UI、Bootstrap 等 UI 框架。

3. 在 Vue 项目中通过 axios、fetch 等方式调用后端 API 接口。

4. 配置跨域请求，使前端能够访问后端接口。可以在 Spring Boot 项目中添加 `@CrossOrigin` 注解实现跨域访问。

5. 打包 Vue 项目，将打包后的静态资源放置于 Spring Boot 项目的 `resources/static` 目录下。

6. 在 Spring Boot 中配置静态资源访问路径，使访问路径指向 Vue 打包后的静态资源。

这样，前后端分离的 Spring Boot + Vue 项目就搭建完成了。前端代码和后端代码各自独立，通过 API 接口进行通信。