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