前端上传图片到后端，使用url进行直接访问

问题：前端的资源上传到后端后，使用url进行访问会报404的错误

解决问题参考的博客：

SpringBoot + Vue前后端分离图片上传到本地并前端访问图片 - 月下梦花落 - 博客园 (cnblogs.com)https://www.cnblogs.com/yxmhl/p/11972021.html

总结：上面的博客，配置类有一些问题

查阅资料后，应该修改成下面的样子，要不然会导致其他资源的访问也会映射到虚拟路径中

@Configuration
public class MyInterceptorConfig implements WebMvcConfigurer {

    @Value("${prop.upload-folder}")
    private String UPLOAD_FOLDER;

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

 结果：访问成功