共計 1484 個字符，預計需要花費 4 分鐘才能閱讀完成。
本篇內容主要講解“http-server 怎么使用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓丸趣 TV 小編來帶大家學習“http-server 怎么使用”吧!
應用場景
1、局域網訪問靜態(tài)頁面
訪問本地計算機中的文件都是基于 file 協(xié)議，如果要開放我們的本地文件給局域網人員訪問，是不能使用 file 協(xié)議。得用 http 協(xié)議或者 ftp 協(xié)議。而基于 http 協(xié)議的 http-server 就是一個不錯的選擇
2、處理頁面跨域
當頁面含有跨域的請求，此時可以利用 http-server，使用命令
http-server -p
8080 -P https://abc.org
//-p 本地運行端口 -P 將所有無法在本地解析的請求代理到給定的 URL 進行處理
3、驗證前端頁面是否打包正常
現(xiàn)在的項目很多都前后端分離的架構，前端通常會打包 dist 文件丟到測試或者其他環(huán)境，我們可以利用 http-server 來跑下打包的 dist 目錄內容，驗證打包的內容是否正確
安裝
安裝的前置條件
因為 http-server 依賴 node.js, 因此在安裝之前，請確保安裝的環(huán)境已經裝有 node.js。可以通過命令
node -v
驗證是否已經安裝 node.js
通過 npm 進行安裝
npm
install http-server -g
注： 如果在安裝過程中，發(fā)現(xiàn)安裝太慢，可以先配置淘寶鏡像，再進行安裝。配置鏡像的命令如下
npm config set registry https://registry.npm.taobao.org
配置后可通過下面方式來驗證是否成功
npm config get registry
用法
http-server [path] [options]
path 就是你當前運行該命令下對應的某個文件夾名稱
可用選項
- p 或–port 要使用的端口（默認為 8080）
-a 要使用的地址（默認為 0.0.0.0）
- d 顯示目錄列表（默認為 true）
- i 顯示 autoIndex（默認為 true）
- g 或者–gzip 當啟用（默認為 false）時，它將./public/some-file.js.gz 代替./public/some-file.js 當文件的 gzip 壓縮版本存在且請求接受 gzip 編碼時。
- e 或者–ext 如果沒有提供默認文件擴展名（默認為 html）
- s 或者–silent 從輸出中抑制日志消息
–cors 通過 Access-Control-Allow-Origin 標頭啟用 CORS
-o 啟動服務器后打開瀏覽器窗口
- c 設置緩存控制 max-age 標頭的緩存時間（以秒為單位），例如 -c1010 秒（默認為 3600）。要禁用緩存，請使用 -c-1。
- U 或–utc 在日志消息中使用 UTC 時間格式。
- P 或者將–proxy 所有無法在本地解析的請求代理到給定的 URL。例如：-P http://someurl.com
- S 或–ssl 啟用 https。
- C 或–certssl cert 文件的路徑（默認值:) cert.pem。
- K 或–keyssl 密鑰文件的路徑（默認值:) key.pem。
- r 或–robots 提供 /robots.txt（其內容默認為 User-agent: *\nDisallow: /）
- h 或–help 打印此列表并退出。
示例
進入目標文件夾，輸入 hs 或者 http-server 命令，不過推薦使用如下命令
http-server -c-1
只輸入 http-server 的話，更新了代碼后，頁面不會同步更新。
到此，相信大家對“http-server 怎么使用”有了更深的了解，不妨來實際操作一番吧！這里是丸趣 TV 網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！
