フロントエンドにサーバ上の画像を表示

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">
  logo
div>