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訪問本地路徑報錯,完結撒花

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章