描述: 前后端分离,前端 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 中 <img src="http://localhost:8080/img/luffy.jpg">
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/img/**").addResourceLocations("file:D:/res/pic/");
}
}
前端代码:
<div id="image">
<img src= "http://127.0.0.1:8080/img/luffy.jpg" alt="logo">
</div>