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

解决问题参考的博客:

SpringBoot + Vue前后端分离图片上传到本地并前端访问图片 - 月下梦花落 - 博客园 (cnblogs.com)icon-default.png?t=M276https://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);
    }
}

 结果:访问成功

 

 

Logo

前往低代码交流专区

更多推荐