前言:這是個在草稿箱裏吃了個把月灰的問題,下面博主先來還原一哈當時的場景
故事還得從畢設說起,博主的畢設是一個日誌分析系統,日誌的產出是從博主搭建的博客網站引流到手機商城平臺,當時並沒有部署到服務器上,只是在本地先嚐試。
下圖是博客網站的醜陋模樣
博主當時的想法是這樣的,點擊上圖的蘋果LOGO廣告,跳轉到本地手機商城平臺的H5首頁。於是,當我在後端把蘋果廣告的跳轉鏈接整好後(用的本地絕對路徑)。
嘗試一把,滿心期待的跳轉,卻發現界面啥子變化都木有。於是乎,F12打開瀏覽器控制檯查看一把,BOOM!!!控制檯拋了個這樣式的東西出來,Not allowed to load local resource。
請出度娘,總結如下
若頁面部署在服務器上,瀏覽器出於安全考慮是不允許頁面直接訪問本地文件的
很多博客的解決方法:都是爲Tomcat配置虛擬路徑
博主當時內心活動是這樣的,瀏覽器出於安全考慮是不允許頁面直接訪問本地文件,但是爲Tomcat配置虛擬路徑後可訪問,說明只要獲取文件的路徑不是本地路徑不就可以訪問的到了嗎?
嘗試一把,使用HBuilder打開本地手機商城平臺的H5首頁,點擊小紅框內的下拉框選擇配置Web服務器
如圖所示配置,端口號不必一致
通過點擊上圖小紅框內的谷歌LOGO訪問手機商城平臺的H5首頁
再把項目博客網站的廣告跳轉鏈接替換爲上圖路徑,啓動項目嘗試一把,成功跳轉!
OK,HTML訪問本地路徑報錯,完結撒花
✿✿✿ヽ(°▽°)ノ✿✿✿ヽ(°▽°)ノ✿✿✿ヽ(°▽°)ノ✿✿✿ヽ(°▽°)ノ✿✿✿