Spring Boot+Docker外部图片文件夹问题：镜像含图与Angular展示

1. 拉取Docker镜像时会包含已填充的图片文件夹吗？ #

不会。你当前的api服务使用了主机绑定挂载：

volumes:
  - ./images/:/usr/app/application/images

该配置是将宿主机本地的./images/文件夹挂载到容器对应目录，挂载的内容不会被打包进Docker镜像。镜像仅包含Dockerfile中构建的内容（JAR包、基础JDK环境等），因此拉取镜像的用户无法获取你本地的图片文件夹。

2. 如何将图片文件夹包含进Docker镜像？ #

修改Dockerfile，添加COPY命令将本地图片文件夹复制到镜像内部：

FROM openjdk:17
ENV APP_HOME=/usr/app/
WORKDIR $APP_HOME
# 复制本地images文件夹到镜像目标目录
COPY ./images/ /usr/app/application/images/
ADD target/Nation-0.0.1-SNAPSHOT.jar target/springboot-docker-county.jar
EXPOSE 8090
CMD ["java", "-jar", "target/springboot-docker-county.jar"]

注意：确保Dockerfile所在目录下存在images文件夹（或调整COPY的源路径为实际路径）。构建后的镜像会包含初始图片文件，但容器运行后用户对图片的增删改仅保存在容器内部，不会同步回镜像；若需持久化修改，仍需结合卷挂载，但初始基础图片会被打包进镜像。

3. Docker环境下如何将图片展示给Angular应用？ #

结合现有配置，按以下步骤调整：

• 确保Spring Boot正确暴露图片：你已在application.yml配置static-locations: /usr/app/application/images，Spring Boot会将该目录下的文件作为静态资源暴露，可通过http://<api服务地址>/<图片文件名>访问，例如宿主机访问用http://localhost:8090/image.png，Docker内部服务间访问用http://api:8090/image.png。
• Angular请求图片：由于Angular服务（web）与Spring Boot服务（api）在同一Docker Compose网络中，Angular代码可直接用服务名api请求图片：

  // Angular示例代码
  getImageUrl(filename: string): string {
    return `http://api:8090/${filename}`;
  }
  

• 处理跨域问题（若需）：若Angular通过宿主机localhost:80访问，Spring Boot通过localhost:8090提供服务，会存在跨域，需在Spring Boot中配置CORS：

  // Spring Boot CORS配置示例
  @Configuration
  public class CorsConfig implements WebMvcConfigurer {
      @Override
      public void addCorsMappings(CorsRegistry registry) {
          registry.addMapping("/**")
                  .allowedOrigins("http://localhost:80")
                  .allowedMethods("GET", "POST", "PUT", "DELETE");
      }
  }
  

补充：若保留卷挂载- ./images/:/usr/app/application/images，宿主机./images/文件夹会覆盖镜像内对应目录，此时初始图片需放在宿主机./images/中，而非镜像内。

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