前端显示服务器上的图片

描述： 前后端分离，前端 vue、后端springboot 2.x ;服务端打成jar包，图片资源存放在D盘下的某个文件夹中
springboot配置：

@Configuration
public class WebConfig implements WebMvcConfigurer {
    // 在D:/res/pic下如果有一张 luffy.jpg.jpg的图片，那么：
    // 1 访问：http://localhost:8080/img/luffy.jpg 可以访问到
    // 2 html 中 
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/img/**").addResourceLocations("file:D:/res/pic/");
    }
}

前端代码：

<div id="image">
  
div>