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

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