浏览器报Not allowed to load local resource
1.问题描述
Chrome浏览器出于安全方面的考虑,禁止网页访问本地文件。
本人遇到的问题:使用a标签将本地磁盘的文件展示在页面,供用户下载。
写法:
<div id="file">
<h3>文件列表:</h3>
<a href="D:/XXX.txt" download="">点击下载</a>
</div>
浏览器报错:Not allowed to load local resource
原因是浏览器为了安全考虑就是不允许直接访问,但是可以配置一个虚拟路径。
2.解决办法
(1) 如果是tomcat运行的项目,需要配置tomcat虚拟路径:
把文件存放路径目录映射到tomcat中,方法如下:
a.找到tomcat的配置文件(\conf\server.xml)并打开
b.在【host】与【/host】之间加入:<Context path="/file" docBase="E:\test" debug="0" reloadable="true"/>
其中:【path】就是映射的路径,【docBase】就是你的文件所在路径
c.调用方法:【E:\test】下有一张test.jpg的图片 【img 标签中的src改为“/file/test.jpg”】
(2)如果是springboot运行的项目,需要配置内置tomcat虚拟路径,为项目添加一个配置类:
addResourceHandler("/file/**"):映射的路径。
addResourceLocations(“file:D:/manager/”):本地磁盘的路径。
@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
@Override
public void addResourceHandlers(ResourceHandlerRegistry registry) {
registry.addResourceHandler("/file/**").addResourceLocations("file:D:/manager/");
}
}