springboot vue前后端分离项目部署

Spring Boot 和 Vue.js 配合构建的前后端分离项目的部署通常涉及以下几个步骤：

1. **构建前端**：
使用 Vue CLI 构建并打包 Vue.js 应用。运行 `npm run build` 或者 `yarn build` 命令，这会生成一个包含所有静态资源的 dist 文件夹。

2. **配置静态资源**：
将前端应用的 dist 目录下的内容设置为 Web 服务器的根目录，如 Apache、Nginx 或 Spring Boot 自带的 Tomcat。例如，在 Spring Boot 中，可以将 dist 目录加入到 `static` 路径下。

   @Configuration
   public class WebConfig implements WebMvcConfigurer {
       @Override
       public void addResourceHandlers(ResourceHandlerRegistry registry) {
           registry.addResourceHandler("/**").addResourceLocations("classpath:/META-INF/resources/", "static/", "public/");
       }
   }

3. **配置 Spring Boot**：
在 Spring Boot 的主类中，添加 `@SpringBootApplication` 注解，并开启自动配置。如果需要，可以使用 Actuator 组件监控服务。

4. **启动服务**：
运行 `mvn spring-boot:run` 或者通过 IDE 启动 Spring Boot 项目。

5. **访问应用**：
访问 http://your-server-url/ 即可看到前端应用已部署在后台提供的 API 上。