http-server的安裝、前端使用http-server啓本地服務

http-server 簡介

  • http-server 是一個簡單的零配置的命令行
  • http服務器,它足夠強大便於生產和使用,用於本地測試和開發。

有時候我們打開一個文檔使用file協議打開的時候,不能發送ajax請求,只能使用http協議才能請求資源,具體的區別大家可以去參考[這篇文檔] (https://www.cnblogs.com/lishanlei/p/9327646.html),所以此時我們需要在本地建立一個http服務,通過IP加端口號,來訪問資源。

我一般的做法就是通過vscode的插件或者通過webstorm來打開,現在可以通過http-server來便捷的創建一個本地服務。


1.安裝node.js

官網地址 ,下載官網推薦版本,並安裝。
在命令行輸入命令node -v以及npm -v檢查版本,確認是否安裝成功。

2.安裝http-server

http-server的詳細介紹,包括參數等: https://www.npmjs.com/package/http-server
在命令行中安裝到全局,最好是使用管理員權限安裝 (-g表示安裝到全局,之後所有文件夾路徑下輸入http-server都可以使用):

npm install http-server -g

3.開啓服務

命令行中進入目標文件夾(也就是需要啓動服務的文件夾),輸入如下命令:
http-server

  • 本地服務器就啓動起來了,默認端口爲8080

4.各端訪問

本地服務器啓動完成之後,命令行窗口會輸出如下圖所示的地址:

本機訪問的話,兩個地址都可以;
手機或其他設備連接,請使用其中有ip的那個地址訪問(http://10.134.253.8:8080),並且手機或者其他設備與本機必須在同一局域網下。

簡寫

hs

修改端口

http-server -a 127.0.0.1 -p 8090


http-server [path] [options]

  • ****是目錄地址,可以省略,默認是cmd打開的路徑地址

  • -a 參數是監聽地址

  • -p 參數是監聽端口

其他參數

參數 作用
-p 或者 --port 端口設置,默認是 8080
-a 監聽地址設置默認是 0.0.0.0
-d 是否顯示文件列表 默認true
-i 顯示自動索引 默認true
-g 或者 --gzip 默認false,當文件的gzip版本存在且請求接受gzip編碼時,它將服務於./public/some-file.js.gz,而不是./public/some-file.js
-e 或者 --ext 如果沒有提供默認文件擴展名(默認爲html)
-s 或者 --silent 禁止控制檯日誌信息輸出
–cors 允許跨域資源共享
-o 啓動服務後打開默認瀏覽器
-c 設置緩存cache-control max-age heade存留時間(以秒爲單位),示例:-c1010秒,默認是3600秒,如果要禁用緩存就使用-c-1
-U 或者 --utc 使用 UTC格式,在控制檯輸出時間信息
-P 或者 --proxy 通過一個 url地址,代理不能通過本地解析的資源
-S 或者 --ssl 使用https協議
-C 或者 --cert ssl證書文件的路徑,默認是cert.pem
-K 或者 --key ssl密匙文件路徑
-h 或者 --help 顯示幫助
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章