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

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

起因

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

title

前端视频展示的时候,标签中的src填写的是本地路径,但是显示不出结果,打开F12查看,报错如下: 即 无法加载本地资源

报错原因

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

吐槽

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

解决办法

偶然间在网上搜到了这篇解决办法:not allowed to load local resource解决 眼前一亮,反正之前没见过,不愿意点进去的我放个截图: 抱着死马当活马医的态度,我试试,没想到居然成了!但是我觉得这个方法只是暂时的,放到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来访问到磁盘上的视频,端口可以自己指定,我就用默认的了。 这就是和网上绝大部分帖子不同的方法

参考

not allowed to load local resource解决Win11的IIS管理器怎么打开?Win11启用IIS管理器的图文教程internet信息服务器管理器,细述Win10系统上开启internet信息服务(iis)管理器的操作步骤…windows10iis虚拟目录怎么设置如何:在 IIS 中创建和配置虚拟目录 经典详细教程在IIS上创建虚拟目录设置好IIS服务器之后怎样在浏览器中进行访问

查看原文