フロントエンドにサーバ上の画像を表示
2294 ワード
説明:フロントエンド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>