前言:这是个在草稿箱里吃了个把月灰的问题,下面博主先来还原一哈当时的场景
故事还得从毕设说起,博主的毕设是一个日志分析系统,日志的产出是从博主搭建的博客网站引流到手机商城平台,当时并没有部署到服务器上,只是在本地先尝试。
下图是博客网站的丑陋模样
博主当时的想法是这样的,点击上图的苹果LOGO广告,跳转到本地手机商城平台的H5首页。于是,当我在后端把苹果广告的跳转链接整好后(用的本地绝对路径)。
尝试一把,满心期待的跳转,却发现界面啥子变化都木有。于是乎,F12打开浏览器控制台查看一把,BOOM!!!控制台抛了个这样式的东西出来,Not allowed to load local resource。
请出度娘,总结如下
若页面部署在服务器上,浏览器出于安全考虑是不允许页面直接访问本地文件的
很多博客的解决方法:都是为Tomcat配置虚拟路径
博主当时内心活动是这样的,浏览器出于安全考虑是不允许页面直接访问本地文件,但是为Tomcat配置虚拟路径后可访问,说明只要获取文件的路径不是本地路径不就可以访问的到了吗?
尝试一把,使用HBuilder打开本地手机商城平台的H5首页,点击小红框内的下拉框选择配置Web服务器
如图所示配置,端口号不必一致
通过点击上图小红框内的谷歌LOGO访问手机商城平台的H5首页
再把项目博客网站的广告跳转链接替换为上图路径,启动项目尝试一把,成功跳转!
OK,HTML访问本地路径报错,完结撒花
✿✿✿ヽ(°▽°)ノ✿✿✿ヽ(°▽°)ノ✿✿✿ヽ(°▽°)ノ✿✿✿ヽ(°▽°)ノ✿✿✿