浏览器报错Not allowed to load local resource:的解决办法,与网上大多数都不同,亲测有用！

- 起因
- 报错原因
- 吐槽
- 解决办法
- 参考

起因

因为深度学习用的是pytorch，所以需要一个网站展示结果，考虑到java调用不是很方便，后端就用flask框架，就导致了前后端的工具我都不熟悉。
前端展示的一个非常简单的demo

    <div class="1">
        <video src="E:/xxx/xxx/xxx/v_GuZheng_g01_c02.mp4"  controls   width="400"  height="400" id="video1">你的浏览器不支持</video>
        <p class="video1">title</p>
    </div>

前端视频展示的时候，标签中的src填写的是本地路径，但是显示不出结果，打开F12查看，报错如下：

在这里插入图片描述

即无法加载本地资源

报错原因

由于浏览器的安全策略，html5之前是无法获取本地文件的。不会允许浏览器打开file://开头的本地图片的。（要不然的话通过浏览器就可以访问本地的东西确实有点危险）

吐槽

还是java后端的解决办法多啊，基本搜不到flask怎么设置虚拟路径的，网上看了一圈都是java后端开发的解决办法。而且大家的帖子都是互抄的，抄来抄去就那几篇，卵用没有。别杠，杠就是你对。

解决办法

偶然间在网上搜到了这篇解决办法：not allowed to load local resource解决
眼前一亮，反正之前没见过，不愿意点进去的我放个截图：

方法2就是解决办法

抱着死马当活马医的态度，我试试，没想到居然成了！但是我觉得这个方法只是暂时的，放到linux上就不行了，因为最后项目要部署到实验室服务器上，所以还要找替代方法，如果找到了再补充，先暂时这么弄。

打开我电脑搜索，居然没有这个软件！
解决办法(下面这几张图都是我盗的)：
internet信息服务器管理器,细述Win10系统上开启internet信息服务(iis)管理器的操作步骤…

在这里插入图片描述

安装时记得把+号都打开看看是否勾选上了安装后就可以打开了
打开IIS软件如下：

在这里插入图片描述

后来发现我不会操作，又找的操作的帖子
windows10iis虚拟目录怎么设置
如何：在 IIS 中创建和配置虚拟目录经典详细教程
在IIS上创建虚拟目录

总结下来就是打开IIS软件->左侧连接->网站->右键Default Web Site->添加虚拟目录->设置别名，如"video"->设置物理路径,就是你硬盘上的文件夹路径->点击确定

在这里插入图片描述

填完后变为如下：

在这里插入图片描述

右侧有如下内容

在这里插入图片描述

点开这个浏览虚拟目录，会跳转到浏览器并出现如下页面：

在这里插入图片描述

红框中就是请求的URL，例如访问物理地址E:\1VideoRetrieval\xxx\xxx\v_GuZheng_g02_c04.mp4的一个视频，就可以通过访问
http://localhost:80/VideoRetrieval/xxx/xxx/v_GuZheng_g01_c02.mp4来访问到磁盘上的视频，端口可以自己指定，我就用默认的了。
这就是和网上绝大部分帖子不同的方法

参考

原文地址：https://blog.csdn.net/qq_41707910

浏览器报错Not allowed to load local resource:的解决办法,与网上大多数都不同,亲测有用！