SpringBoot 下的 Static 文件夹打包成前端资源的示例代码

 更新时间:2023年06月15日 14:53:12   投稿:mrr  
这篇文章主要介绍了SpringBoot 下的 Static 文件夹如何打包成前端资源,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

以下是在 Windows10 系统下使用 IntelliJ IDEA 编写的 Spring Boot 项目中,将 src/main/resources/static 目录下的静态文件打包成前端资源的示例代码:

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.Bean;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
@SpringBootApplication
public class DemoApplication {
    public static void main(String[] args) {
        SpringApplication.run(DemoApplication.class, args);
    }
    // 配置静态资源的路径映射
    @Bean
    public WebMvcConfigurer webMvcConfigurer() {
        return new WebMvcConfigurer() {
            @Override
            public void addResourceHandlers(ResourceHandlerRegistry registry) {
                registry.addResourceHandler("/static/**")
                        .addResourceLocations("classpath:/static/");
            }
        };
    }
}

在上述代码中,我们通过 @SpringBootApplication 注解声明了一个 Spring Boot 应用,并在其中定义了一个 WebMvcConfigurer 类型的 Bean,用于配置静态资源的路径映射。

接下来,我们可以在 src/main/resources/static 目录下创建静态文件,例如 index.htmlstyle.cssscript.js,然后使用构建工具将这些文件复制到前端项目的相应目录下。

以 Maven 为例,在项目的 pom.xml 文件中添加以下配置:

<build>
    <plugins>
        <plugin>
            <artifactId>maven-resources-plugin</artifactId>
            <version>3.1.0</version>
            <executions>
                <execution>
                    <id>copy-static-files</id>
                    <phase>prepare-package</phase>
                    <goals>
                        <goal>copy-resources</goal>
                    </goals>
                    <configuration>
                        <outputDirectory>${project.build.outputDirectory}/static</outputDirectory>
                        <resources>
                            <resource>
                                <directory>../spring-boot-project/src/main/resources/static</directory>
                            </resource>
                        </resources>
                    </configuration>
                </execution>
            </executions>
        </plugin>
    </plugins>
</build>

这个配置会在 Maven 打包前,将 Spring Boot 项目中的 static 目录下的文件复制到前端项目的 target/classes/static 目录下。

最后,我们可以使用前端构建工具,例如 webpack 或 gulp,将这些静态资源打包成前端资源。

注意:上述代码仅供参考,具体实现可能需要根据具体情况进行调整。

到此这篇关于SringBoot 下的 Static 文件夹如何打包成前端资源的文章就介绍到这了,更多相关SringBoot Static 文件夹打包内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Java多线程事务管理的实现

    Java多线程事务管理的实现

    本文主要介绍了Java多线程事务管理的实现,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧
    2021-07-07
  • Spring Security OAuth过期的解决方法

    Spring Security OAuth过期的解决方法

    这篇文章主要介绍了Spring Security OAuth过期的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • 详解JAVA中接口的定义和接口的实现

    详解JAVA中接口的定义和接口的实现

    这篇文章主要介绍了JAVA中接口的定义和接口的实现,文中讲解非常细致,配合代码更好的帮大家学习参考,感兴趣的朋友可以了解下
    2020-06-06
  • 使用Nacos下载、配置、整合项目方式

    使用Nacos下载、配置、整合项目方式

    这篇文章主要介绍了使用Nacos 下载、配置、整合项目方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08
  • SpringBoot项目中的视图解析器问题(两种)

    SpringBoot项目中的视图解析器问题(两种)

    SpringBoot官网推荐使用HTML视图解析器,但是根据个人的具体业务也有可能使用到JSP视图解析器,所以本文介绍了两种视图解析器,感兴趣的可以了解下
    2020-06-06
  • maven项目错误:找不到或无法加载主类 XXX问题

    maven项目错误:找不到或无法加载主类 XXX问题

    这篇文章主要介绍了maven项目错误:找不到或无法加载主类 XXX问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-02-02
  • spring boot装载自定义yml文件

    spring boot装载自定义yml文件

    这篇文章主要为大家详细介绍了spring boot装载自定义yml文件的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • SpringCloud Config连接git与数据库流程分析讲解

    SpringCloud Config连接git与数据库流程分析讲解

    springcloud config是一个解决分布式系统的配置管理方案。它包含了 client和server两个部分,server端提供配置文件的存储、以接口的形式将配置文件的内容提供出去,client端通过接口获取数据、并依据此数据初始化自己的应用
    2022-12-12
  • SpringBoot+thymeleaf+ajax实现局部刷新详情

    SpringBoot+thymeleaf+ajax实现局部刷新详情

    这篇文章主要介绍了SpringBoot+thymeleaf+ajax实现局部刷新详情,文章围绕主题展开详细的内容介绍具有一定的参考价值,需要的小伙伴可以参考一下
    2022-09-09
  • 关于Idea卡在Resolving Maven dependencies的解决方案

    关于Idea卡在Resolving Maven dependencies的解决方案

    本文详细介绍了关于Idea卡在Resolving Maven dependencies的解决方案,文中通过图文结合的形式给大家介绍的非常详细,对大家解决问题有一定的帮助,需要的朋友可以参考下
    2024-02-02

最新评论