HTML访问本地路径报错 Not allowed to load local resource

简介: HTML访问本地路径报错 Not allowed to load local resource

前言:这是个在草稿箱里吃了个把月灰的问题,下面博主先来还原一哈当时的场景


故事还得从毕设说起,博主的毕设是一个日志分析系统,日志的产出是从博主搭建的博客网站引流到手机商城平台,当时并没有部署到服务器上,只是在本地先尝试。


下图是博客网站的丑陋模样



博主当时的想法是这样的,点击上图的苹果LOGO广告,跳转到本地手机商城平台的H5首页。于是,当我在后端把苹果广告的跳转链接整好后(用的本地绝对路径)。


尝试一把,满心期待的跳转,却发现界面啥子变化都木有。于是乎,F12打开浏览器控制台查看一把,BOOM!!!控制台抛了个这样式的东西出来,Not allowed to load local resource。


请出度娘,总结如下


若页面部署在服务器上,浏览器出于安全考虑是不允许页面直接访问本地文件的


很多博客的解决方法:都是为Tomcat配置虚拟路径


博主当时内心活动是这样的,浏览器出于安全考虑是不允许页面直接访问本地文件,但是为Tomcat配置虚拟路径后可访问,说明只要获取文件的路径不是本地路径不就可以访问的到了吗?


尝试一把,使用HBuilder打开本地手机商城平台的H5首页,点击小红框内的下拉框选择配置Web服务器



如图所示配置,端口号不必一致



通过点击上图小红框内的谷歌LOGO访问手机商城平台的H5首页



再把项目博客网站的广告跳转链接替换为上图路径,启动项目尝试一把,成功跳转!


OK,HTML访问本地路径报错,完结撒花


✿✿✿ヽ(°▽°)ノ✿✿✿ヽ(°▽°)ノ✿✿✿ヽ(°▽°)ノ✿✿✿ヽ(°▽°)ノ✿✿✿


相关文章
HTML 统一资源定位器(Uniform Resource Locators)3
URL字符编码是指将URL中非ASCII字符转换为有效的ASCII格式的过程。URL只能使用ASCII字符集,因此需要对超出该集合的字符进行编码。URL编码使用“%”加上两位十六进制数来表示非ASCII字符,空格通常被编码为“+”。例如,€编码为%80,£编码为%A3。更多信息可参见URL编码参考手册。
|
4月前
|
安全 数据安全/隐私保护
HTML 统一资源定位器(Uniform Resource Locators)2
常见的URL Scheme包括:http(超文本传输协议,用于普通网页,不加密)、https(安全超文本传输协议,用于安全网页,加密信息交换)、ftp(文件传输协议,用于文件的上传和下载)、file(用于访问本地计算机上的文件)。
HTML 统一资源定位器(Uniform Resource Locators)1
统一资源定位器(URL)是用于标识互联网上资源位置的标准格式。URL通常由方案、主机、域名、端口、路径和文件名组成,如 `http://www.runoob.com/html/html-tutorial.html`。大多数用户通过域名访问网站,因为域名比IP地址更容易记忆。URL在Web浏览器中用于请求页面,通过 `<a>` 标签实现链接跳转。
|
6月前
|
数据安全/隐私保护
自定义密码访问单页HTML源码
自定义密码访问单页HTML源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
105 1
|
7月前
|
数据安全/隐私保护
自定义密码访问跳转页面HTML源码
自定义密码访问跳转页面HTML源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
102 0
自定义密码访问跳转页面HTML源码
|
9月前
|
存储 移动开发 前端开发
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
94 0
|
10月前
|
Web App开发 API
通过html页面方式访问www.iximo.com的方式(原创)
通过html页面方式访问www.iximo.com的方式(原创)
63 2
|
10月前
|
运维 前端开发 JavaScript
【专栏:HTML进阶篇】HTML与Web标准:构建可访问与可维护的网页
【4月更文挑战第30天】本文探讨了HTML与Web标准的关系,强调遵循标准对创建高质量、可访问、可维护网页的重要性。通过使用语义化标签、提供文本替代、合理使用表格和列表,可提升网页可访问性;通过结构化文档、添加注释、分离结构与表现,能增强网页可维护性。遵循Web标准,可确保网页在不同设备上的兼容性,并满足各类用户需求。
105 0
|
10月前
|
应用服务中间件
Tomcat8.5访问HTML页面出现乱码
Tomcat8.5访问HTML页面出现乱码
173 0
Tomcat8.5访问HTML页面出现乱码