admin 管理员组

文章数量: 1086019


2024年3月11日发(作者:language belongs to each member)

Springboot域vue项目整合打包2中方法

Spring Boot 是一个用于构建独立的、生产级的 Spring 应用程序的

框架。 是一个用于构建用户界面的渐进式 JavaScript 框架。在

许多项目中,我们需要将这两个框架整合在一起,以实现前后端分离的开

发模式。

下面我将介绍两种方法,用于将 Spring Boot 和 整合,并

打包为一个可部署的应用程序。

方法一:将 项目打包为静态资源,并将其复制到 Spring

Boot 项目的静态资源文件夹下。

1. 在 项目的根路径下执行 `npm run build` 命令,将项目

打包为静态资源。该命令会在项目的 "dist" 文件夹下生成一个静态资源

文件。

2. 将 "dist" 文件夹下的所有文件复制到 Spring Boot 项目的

"src/main/resources/static" 文件夹下。

3. 在 Spring Boot 项目的 "" 文件中添加如下依赖项,以

使其能够找到 打包后的静态资源。

```xml

spring-boot-starter-web

```

4. 在 Spring Boot 项目中创建一个控制器类,用于处理所有请求,

并返回 打包后的静态资源。

```java

public class IndexController

public String inde

return "index";

}

```

方法二:使用 Spring Boot 对前端资源的构建和部署能力,将

项目打包到 Spring Boot 项目的 Jar 包中。

1. 在 Spring Boot 项目的 "src/main/resources/static" 文件夹

下创建一个名为 "frontend" 的文件夹,并将 项目的所有文件复

制到该文件夹下。

2. 在 Spring Boot 项目的 "" 文件中添加如下插件和配置,

以将 项目打包到 Jar 包中。

```xml

src/main/resources

true

**/frontend/**

src/main/resources/frontend

```

```xml

spring-boot-maven-plugin

repackage

true

```

3. 在 Spring Boot 项目中创建一个控制器类,用于处理所有请求,

并返回 打包后的静态资源。

```java

public class IndexController

public String inde

return "forward:/frontend/";

}

```

这两种方法都能实现 Spring Boot 和 的整合打包,选择哪

种方法要根据项目的需要和开发团队的技术栈决定。无论使用哪种方法,

都可以实现前后端分离的开发模式,并能够快速构建和部署应用程序。


本文标签: 项目 打包 资源 静态 用于