springboot虚拟路径 之 图片访问之坑

问题：react前端如何获取本地图片（非项目目录下）

回报的错误：1.not allowed to xxx

                     2.根本没报错 但是图片不显示--->考虑路径问题

针对第一个问题，可以采用springboot的虚拟路径

@Configuration
public class MyWebConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry){
        registry.addResourceHandler("/icon/**")
                .addResourceLocations("file:/D:/cms/data/icon/");
        WebMvcConfigurer.super.addResourceHandlers(registry);
    }
}

“/icon/**” 对应访问路径，“file:/D:/cms/data/icon”对应所放图片的绝对位置

此时，前端img标签应写为

一定要注意后台接收数据的路径！！否则会出现如上第二个问题