springboot+vue實現本地圖片訪問

后端代碼，實現WebMvcConfigurer類，重寫addResourceHandlers方法，定義虛擬路徑，同時有攔截時對/img/**放行

package com.seu.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
import org.springframework.beans.factory.annotation.Value;
@Configuration
public class MyInterceptorConfig implements WebMvcConfigurer {
    //文件地址
    @Value("${user.avatar.path}")
    private String USER_AVATAR_PATH;

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/img/**").addResourceLocations("file:"+USER_AVATAR_PATH );
    }
}

前端代碼，前端直接通過（/img/+圖片名）即可訪問

<img class="header-picture" :src="'/img/'+updateDataFrom.avatar">