springboot+vue springboot项目创建

Spring Boot 和 Vue.js 的结合可以帮助开发者快速构建基于 Spring 框架的后端服务，并搭配现代前端框架 Vue 构建用户界面。以下是创建一个基本的 Spring Boot + Vue 项目的步骤：

1. **安装依赖**:
- 安装 Node.js (Vue.js 需要用到) 和 npm (Node Package Manager)。
- 使用 `npm` 初始化新的 Vue.js 项目：`npm init -y` 或者使用 create-vue-app 工具。

2. **创建 Spring Boot 项目**:
- 使用 Spring Initializr (https://start.spring.io/) 创建一个新的 Spring Boot 项目，选择 Web、JPA等需要的功能。
- 下载并解压生成的 ZIP 文件，然后导入至你喜欢的 IDE（如 IntelliJ IDEA 或 Eclipse）。

3. **添加 Vue 部分**:
- 在 Spring Boot 项目的 static 目录下新建一个 'dist' 文件夹，用于存放打包后的 Vue 应用。
- 在命令行中进入该目录，运行 `npm install` 来安装 Vue CLI 并初始化项目。
- 使用 `vue create my-vue-app` 创建一个新 Vue App。

4. **配置前后端分离**:
- 更新 Spring Boot 的 application.properties 或者 application.yml 文件，指定静态资源目录指向 Vue 应用的 dist 文件夹 (`spring.resources.static-locations=classpath:/static/,file:/src/main/resources/static/dist/`）。
- 在 Spring Boot 中添加 @CrossOrigin 注解，允许跨域访问 Vue 资源。

5. **开发和部署**:
- 在两个项目中分别进行开发，Vue 项目专注于前端 UI，Spring Boot 项目负责 API 接口和业务逻辑。
- 确保前端可以成功从后台获取数据，然后通过 axios 或其他库进行请求。

6. **部署**:
- 当两部分都完成后，可以选择将 Vue 应用独立部署，也可以选择整合成一个单页应用（SPA）发布。