Question

我有一个使用SpringBoot和Angular2的Client-Server应用程序。我想通过文件名从服务器加载图像。这很好。

我将属性 image：string 存储在客户端，然后再次将其放入模板中。你可能会注意 return res.url; ;我不使用实际的资源，这可能是错误的。

我的目标是缓存图像。据我所知，网络浏览器可以自动缓存图像。正确？但是缓存还没有工作，也许有人可以给我一个需要调整的提示？是否需要不同的标题？

服务器（SpringBoot）

public class ImageRestController {
    @RequestMapping(value = "/getImage/{filename:.+}", method = RequestMethod.GET)
    public ResponseEntity<Resource> getImage(@PathVariable String filename) {

        try {
            String path = Paths.get(ROOT, filename).toString();
            Resource loader = resourceLoader.getResource("file:" + path);
            return new ResponseEntity<Resource>(loader, HttpStatus.OK);
        } catch (Exception e) {
            return new ResponseEntity<Resource>(HttpStatus.NOT_FOUND);
        }
    }
}

客户（Angular2）

@Component({
  selector: 'my-image',
  template: `
    <img src="{{image}}"/>
  `
})

export class MyComponent {

  image:string;
  constructor(private service:MyService) {}

  showImage(filename:string) {
    this.service.getImage(filename)
      .subscribe((file) => {
          this.image = file;
        });
      }
}

export class MyService() {
  getImage(filename:String):Observable<any> {
    return this.http.get(imagesUrl + "getImage/" + filename)
      .map(this.extractUrl)
      .catch(this.handleError);
  }
  extractUrl(res:Response):string {
    return res.url;
  }
}

Answer 1

您可以在服务器端执行类似的操作（如果可以获取该信息，也可以添加ETag或Last-Modified标头）：

return ResponseEntity
            .ok()
            .cacheControl(CacheControl.maxAge(30, TimeUnit.DAYS))
            .body(loader);

请参阅HTTP caching part of the reference documentation in Spring。

如果您只是提供资源而不应用任何其他逻辑，那么您最好执行以下操作：

@Configuration
public class WebConfig extends WebMvcConfigurerAdapter {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/getImage/**")
                .addResourceLocations("classpath:/path/to/root/")
                .setCacheControl(CacheControl.maxAge(1, TimeUnit.DAYS).cachePublic());
    }

}

见the other relevant part of the reference documentation。您还可以应用转换并利用缓存清除（see this section as well）。

从Spring RestController角度获取图像并将其缓存

1 个答案: