前端通过http请求访问本地图片

程序修理员 2024-09-02 14:03:01 阅读 99

1、前端直接引用本地图片,图片加载失败

在这里插入图片描述

具体报错信息如下:

在这里插入图片描述

<code>Not allowed to load local resource不允许加载本地资源

2、针对以上问题,只需要利用拦截器将本机地址映射成url路径就行

具体代码如下

@Configuration

public class FileConfig implements WebMvcConfigurer {

@Value("${ATTACHMENT_PATH}")

private String attachmentPath;

@Override

public void addResourceHandlers(ResourceHandlerRegistry registry) {

registry.addResourceHandler("/image/**") //虚拟url路径

//.addResourceLocations("file:D:/images/");

.addResourceLocations("file:" + attachmentPath); //真实本地路径

}

}

图片访问地址为:http://localhost:8088/image/aaa.png



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。