vue + springboot浏览器报 Not allowed to load local resource: file://

原因:浏览器为了安全不给访问本地文件

解决办法

在springboot项目内修改
前端也有点改动 访问方式不一样了

后端

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class MyWebConfig implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        //文件磁盘图片url 映射
        //配置server虚拟路径,handler为前台访问的目录,locations为files相对应的本地路径
        registry.addResourceHandler("/file/avatar/**")
                .addResourceLocations("file:D:/myOpenApplication/file/avatar/");
    }
}

前端

	<-- 例如 -->
 <el-image  src="http://localhost:8081/file/avatar/24ad8dd4-84e1-460d-b6e8-ab7fd6b841d5.png"/>
 
 <el-image  src="http://本地ip:端口/文件路劲/文件名"/>
Logo

前往低代码交流专区

更多推荐