HTML文件直接在瀏覽器打開和本地服務器localhost打開有什么區別?


最直接的區別,很容易注意到,一個是file協議,另一個是http協議

file協議更多的是將該請求視為一個本地資源訪問請求,和你使用資源管理器打開是一樣的,是純粹的請求本地文件。

http請求方式則是通過假架設一個web服務器,解析http協議的請求然后向瀏覽器返回資源信息。我們所開發的html文件最后必定是會以網頁的形式部署在服務器上,通過http協議訪問,所以我們開發中也盡可能模擬線上環境,架設本地服務器,來避免file協議與http協議實現過程中的某些差異,如某些API的差異、跨域請求的差異等。舉個最容易驗證的例子:在頁面引入一張絕對路徑的圖片,即’/image/example.png’,然后分別通過這兩種方式打開頁面,file協議會將資源請求到根路徑,而http協議雖然也會請求到根路徑,但是是相對本地架設的服務器的根路徑,一般也就是項目文件夾的路徑。

訪問服務器上的html文件是以http的協議方式去打開,有網絡交互。

直接打開html文件是以file協議的方式去打開,沒有網絡交互。

瀏覽器對兩種協議的處理有時會不同,譬如某些網頁中直接調用file協議來打開圖片,這樣的功能會被瀏覽器的安全設置阻擋。因為默認上,html是運行於客戶端的超文本語言,從安全性上來講,服務端不能對客戶端進行本地操作。即使有一些象cookie這類的本地操作,也是需要進行安全級別設置的。

啟動http服務

這里舉例Python3,Python自帶一個微型的http服務,可以通過命令行啟動:

python3 -m http.server 

然后這個服務啟動后,在瀏覽器輸入localhost:8000即可。顯示的內容是基於你啟動服務時所在的路徑下的文件。
比如,你在/home/linux/ubuntu這個路徑下執行的命令,那么網頁顯示的就是ubuntu下的文件。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM