Spring Boot与Angular整合：无法加载静态资源问题排查

嘿，我来帮你搞定这个头疼的资源读取问题！你遇到的核心问题其实是文件路径的基准错误，以及Maven打包后资源位置的变化，和你猜的一样，确实和构建配置有一定关系，但根源是后端读取资源的方式不对。

为什么static/images/default-user-image.jpg路径行不通？ #

当你用new File()读取文件时，这个路径是相对于应用运行时的工作目录（也就是你启动项目时的当前目录），而不是项目源码里的src/main/resources/static。而且Maven构建完成后，src/main/resources下的所有文件都会被打包到Jar包的BOOT-INF/classes目录里，这时候File类根本没法直接读取Jar包内部的文件——它只能操作文件系统里的真实文件。

至于你用src/frontend/src/assets/images/add.png能成功，只是因为开发环境下这个路径确实对应项目根目录下的真实文件，但等你把项目打包成Jar后，这个路径就彻底失效了，所以这绝对不是长久之计。

正确的解决方案：用Spring的资源读取方式 #

Spring Boot专门提供了读取类路径资源的工具，完全适配开发和生产打包场景，推荐两种方式：

方式1：用ClassPathResource直接读取 #

这是最直接的方式，不需要依赖注入：

import org.springframework.core.io.ClassPathResource;
import java.io.IOException;
import java.io.InputStream;

// 替换你原来的代码
if (image == null) {
    try (InputStream inputStream = new ClassPathResource("static/images/default-user-image.jpg").getInputStream()) {
        this.image = inputStream.readAllBytes();
    } catch (IOException e) {
        // 这里可以加异常处理逻辑，比如返回默认空数组或者抛自定义异常
        e.printStackTrace();
        this.image = new byte[0];
    }
} else {
    this.image = image;
}

这里用getInputStream()而不是getFile()，是因为getFile()在Jar包运行时会抛出异常，流读取的方式能同时兼容开发环境和生产Jar包。

方式2：注入ResourceLoader（更符合Spring风格） #

如果你的类是Spring管理的Bean，注入ResourceLoader会更灵活：

import org.springframework.core.io.Resource;
import org.springframework.core.io.ResourceLoader;
import org.springframework.beans.factory.annotation.Autowired;
import java.io.IOException;
import java.io.InputStream;

// 在你的类中注入ResourceLoader
@Autowired
private ResourceLoader resourceLoader;

// 读取资源的逻辑
if (image == null) {
    Resource resource = resourceLoader.getResource("classpath:static/images/default-user-image.jpg");
    try (InputStream inputStream = resource.getInputStream()) {
        this.image = inputStream.readAllBytes();
    } catch (IOException e) {
        e.printStackTrace();
        this.image = new byte[0];
    }
} else {
    this.image = image;
}

优化你的Maven配置 #

你的现有配置已经能执行Angular的构建，但最好把Angular打包后的产物自动复制到Spring Boot的static目录，这样前端访问和后端资源管理能统一。可以在exec-maven-plugin后面添加maven-resources-plugin：

<plugin>
    <groupId>org.apache.maven.plugins</groupId>
    <artifactId>maven-resources-plugin</artifactId>
    <version>3.3.1</version>
    <executions>
        <execution>
            <id>copy-frontend-build</id>
            <phase>process-resources</phase>
            <goals>
                <goal>copy-resources</goal>
            </goals>
            <configuration>
                <outputDirectory>${project.build.outputDirectory}/static</outputDirectory>
                <resources>
                    <resource>
                        <directory>src/frontend/dist/frontend</directory>
                        <!-- 注意：这里的目录要和你的Angular项目构建后的输出目录一致，一般是`dist/项目名` -->
                        <filtering>false</filtering>
                    </resource>
                </resources>
            </configuration>
        </execution>
    </executions>
</plugin>

这样Maven构建时会自动把Angular的打包产物复制到Spring Boot的类路径static目录下，不管是前端访问还是后端读取资源都更顺畅。

总结一下：别再用File类硬怼路径了，Spring提供的资源读取工具才是正确打开方式，既兼容开发环境，也支持生产打包后的Jar运行。

内容的提问来源于stack exchange，提问作者user9800607