springboot vue前后端分离怎么导入代码

Spring Boot 和 Vue.js 进行前后端分离开发时，通常会涉及到以下几个步骤来导入代码：

1. **创建Spring Boot项目**:
- 使用Spring Initializr（https://start.spring.io/）创建一个新的Spring Boot项目，选择Web依赖，并下载生成的`pom.xml`文件和启动类。

2. **添加前端依赖**:
- 如果你打算使用Vue.js作为前端框架，你需要在你的Spring Boot项目的`pom.xml`中添加 Vue CLI 或者 Nuxt.js（如果使用Nuxt）的依赖。例如：

     <dependency>
         <groupId>com.npm</groupId>
         <artifactId>vue-cli-plugin-spring-boot-starter</artifactId>
         <version>1.x.y</version>
     </dependency>

3. **配置前端构建工具**:
- 安装并初始化Vue CLI，在命令行运行`npm install -g @vue/cli`，然后创建一个新的Vue.js应用：`vue create frontend-app`。这将自动生成基本的前端结构。

4. **引入前端代码到Spring Boot**:
- 将`frontend-app`目录复制到Spring Boot项目的`src/main/resources/static`下。这里通常是存放静态资源的地方。

5. **前端部署**:
- 配置前端构建工具的生产环境设置，如Webpack，进行代码打包。完成后，你可以通过HTTP服务器（如Nginx或Jetty）托管前端文件。

6. **整合前后端**:
- 在Spring Boot应用中，通过`@CrossOrigin`注解开启跨域，允许前端访问API。在Controller上处理API请求。

7. **路由映射**:
- 对于SPA应用，可以利用Spring MVC的`@GetMapping`, `@PostMapping`等来处理前端的路由变化。