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访问本地路径报错,完结撒花


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


相关文章
|
2月前
|
应用服务中间件
Tomcat8.5访问HTML页面出现乱码
Tomcat8.5访问HTML页面出现乱码
78 0
Tomcat8.5访问HTML页面出现乱码
|
2月前
Swagger问题:No mapping for GET /swagger-ui.html报错
Swagger问题:No mapping for GET /swagger-ui.html报错
363 0
|
2月前
|
Web App开发 API
通过html页面方式访问www.iximo.com的方式(原创)
通过html页面方式访问www.iximo.com的方式(原创)
27 2
|
1月前
|
存储 移动开发 前端开发
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
21 0
|
2月前
|
运维 前端开发 JavaScript
【专栏:HTML进阶篇】HTML与Web标准:构建可访问与可维护的网页
【4月更文挑战第30天】本文探讨了HTML与Web标准的关系,强调遵循标准对创建高质量、可访问、可维护网页的重要性。通过使用语义化标签、提供文本替代、合理使用表格和列表,可提升网页可访问性;通过结构化文档、添加注释、分离结构与表现,能增强网页可维护性。遵循Web标准,可确保网页在不同设备上的兼容性,并满足各类用户需求。
|
2月前
|
移动开发 前端开发 JavaScript
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
161 0
html5 Canvas 绘制基本图形 从直线图形到使用路径 - 直线、矩形、路径、多边形、复杂组合图形
|
7月前
【JavaWeb学习】—手托html页面和在浏览器中输入地址访问的背后不同原因(十一)
【JavaWeb学习】—手托html页面和在浏览器中输入地址访问的背后不同原因(十一)
|
8月前
|
Java Apache
java word转html 报错org/apache/poi/xwpf/usermodel/IRunBody
java word转html 报错org/apache/poi/xwpf/usermodel/IRunBody
119 0
|
12月前
|
前端开发 JavaScript 数据可视化
漏刻有时数据可视化大屏核心框架模版更换前端模版操作(1)HTML文件分离及访问显示
漏刻有时数据可视化大屏核心框架模版更换前端模版操作(1)HTML文件分离及访问显示
69 0