解决浏览器Not allowed to load local resource

浏览器报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/");
    }
}