跳到主要內容

python自帶的簡易網頁伺服器

  開發angular.js時,因為引用外部文件導致Chrome的Console報錯。訊息:Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https。簡單地說,就是這種操作文件方式,只支援在使用http, , data, chrome-extension, https協議時。
  
  為了解決這個問題,可以將你的文件放到一個網頁伺服器上。Python剛好有一個自帶的網頁伺服器,下面是具體操作的方法:
  1. 下載安裝Python 3.6.3到Windows10作業系統中。
  2. WIN+R輸入cmd開啟console。
  3. 切換到網頁所在路徑,舉例:網頁位於Foo\index.html,輸入cd Foo<ENTER>
  4. 輸入python -m http.server啟動網頁伺服器。
  5. 開啟Chrome在路徑列中輸入http://127.0.0.1:8000/index.html,就能看到你的首頁。

捷徑

  可以在桌面建立捷徑,就不必每次都打指令。具體操作的方法如下:
  1. 在網頁所在路徑下,編輯一檔案名為start_web_server.bat。
  2. 檔案內容為
  3. @echo off
  4. python -m http.server
  5. 在檔案上按右鍵開啟選單 Send to| Desktop (Create shortcut)

參考

留言