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

http-server 簡介

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

---

有時候咱們打開一個文檔使用file協議打開的時候，不能發送ajax請求，只能使用http協議才能請求資源，具體的區別你們能夠去參考[這篇文檔] (www.cnblogs.com/lishanlei/p…)，因此此時咱們須要在本地創建一個http服務，經過IP加端口號，來訪問資源。

我通常的作法就是經過vscode的插件或者經過webstorm來打開，如今能夠經過http-server來便捷的建立一個本地服務。

---

1.安裝node.js

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

2.安裝http-server

http-server的詳細介紹，包括參數等： www.npmjs.com/package/htt…； 在命令行中安裝到全局，最好是使用管理員權限安裝 （-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	顯示幫助