1. 程式人生 > >使用http-server啟本地服務

使用http-server啟本地服務

在寫前端頁面中,經常會在瀏覽器執行HTML頁面,從本地資料夾中直接開啟的一般都是file協議,當代碼中存在http或https的連結時,HTML頁面就無法正常開啟,為了解決這種情況,通常我們就需要在在本地開啟一個本地的伺服器。 1.下載node.js 官網地址: https://nodejs.org 下載完成後在命令列輸入命令$ node -v以及$ npm -v檢查版本,確認是否安裝成功。 如圖: 在這裡插入圖片描述 2.安裝http-server http-server詳細介紹,包括引數等可點選下面的連結檢視: https://www.npmjs.com/package/http-server

在命令列中安裝到全域性(-g表示安裝到全域性,之後所有資料夾路徑下輸入http-server都可以使用):

npm install http-server -g

如果出現許可權問題的話,可以在npm前面加上sudo 3.開啟服務 命令列中進入目標資料夾(也就是需要啟動服務的資料夾)或者直接在目標資料夾下按住Shift鍵然後滑鼠右鍵單擊,會出現“在此處開啟命令列視窗”即可在目標資料夾下面開啟命令列,輸入如下命令:

http-server -c-1  

注意:只輸入http-server的話,更新了程式碼後,頁面不會同步更新 本地伺服器就啟動起來了,預設埠為8080。 如圖:在這裡插入圖片描述 4.關閉服務 從3裡面的截圖我們可以看到這樣一句話:Hit CTRL-C to stop the aerver,即如果我們想關閉此服務的話按快捷鍵CTRL-C 終端顯示^Chttp-server stopped.即關閉服務成功。