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 存留時間(以秒爲單位),示例:-c10 是10 秒,默認是3600 秒,如果要禁用緩存就使用-c-1 |
-U 或者 --utc | 使用 UTC 格式,在控制檯輸出時間信息 |
-P 或者 --proxy | 通過一個 url 地址,代理不能通過本地解析的資源 |
-S 或者 --ssl | 使用https 協議 |
-C 或者 --cert | ssl 證書文件的路徑,默認是cert.pem |
-K 或者 --key | ssl 密匙文件路徑 |
-h 或者 --help | 顯示幫助 |