肥西網(wǎng)站推廣公司今日國(guó)內(nèi)新聞大事
文章目錄
- 問題背景
- http-server簡(jiǎn)介
- 安裝nodejs
- 安裝http-server
- 開啟http服務(wù)
- http-server參數(shù)
問題背景
打開一個(gè)文檔默認(rèn)使用file協(xié)議打開,不能發(fā)送ajax請(qǐng)求,只能使用http協(xié)議才能請(qǐng)求資源,所以此時(shí)我們需要在本地建立一個(gè)http服務(wù),通過IP加端口號(hào),來訪問資源。
以打開前端項(xiàng)目為例,打包之后前端項(xiàng)目直接打開index.html不能訪問,瀏覽器一片空白,目錄如下:
http-server簡(jiǎn)介
http-server 是一個(gè)輕量級(jí)的 http 服務(wù)器,它可以讓任意一個(gè)目錄成為服務(wù)器的目錄
- http-server 是一個(gè)簡(jiǎn)單的零配置的命令行
- http服務(wù)器,它足夠強(qiáng)大便于生產(chǎn)和使用,用于本地測(cè)試和開發(fā)。
安裝nodejs
查看本地是否安裝nodejs:
在命令行輸入命令 node -v
以及 npm -v
檢查版本,檢查是否安裝。
nodejs的安裝可以參考:nvm 安裝與使用
nvm 可以很輕松的安裝多個(gè)不同的nodejs版本。
安裝http-server
在命令行中將 http-server
安裝到全局,最好是使用管理員權(quán)限安裝(-g表示安裝到全局,之后所有文件夾路徑下輸入http-server都可以使用)
npm install http-server -g
開啟http服務(wù)
命令行中進(jìn)入目標(biāo)文件夾(也就是需要啟動(dòng)服務(wù)的文件夾),輸入如下命令:
http-server
指定啟動(dòng)地址和啟動(dòng)端口
- -a 參數(shù)是監(jiān)聽地址
- -p 參數(shù)是監(jiān)聽端口
http-server -a 127.0.0.1 -p 8081
http-server參數(shù)
參數(shù) | 作用 |
---|---|
-p 或者 --port | 端口設(shè)置,默認(rèn)是 8080 |
-a | 監(jiān)聽地址設(shè)置默認(rèn)是 0.0.0.0 |
-d | 是否顯示文件列表 默認(rèn)true |
-i | 顯示自動(dòng)索引,默認(rèn)true |
-g 或者 --gzip | 默認(rèn)false,當(dāng)文件的gzip版本存在且請(qǐng)求接受gzip編碼時(shí),它將服務(wù)于./public/some-file.js.gz,而不是./public/some-file.js |
-e 或者 --ext | 如果沒有提供默認(rèn)文件擴(kuò)展名(默認(rèn)為html) |
-s 或者 --silent | 禁止控制臺(tái)日志信息輸出 |
–cors | 允許跨域資源共享 |
-o | 啟動(dòng)服務(wù)后打開默認(rèn)瀏覽器 |
-c | 設(shè)置緩存cache-control max-age heade存留時(shí)間(以秒為單位),示例:-c10是10秒,默認(rèn)是3600秒,如果要禁用緩存就使用-c-1 |
-U 或者 --utc | 使用 UTC格式,在控制臺(tái)輸出時(shí)間信息 |
-P 或者 --proxy | 通過一個(gè) url地址,代理不能通過本地解析的資源 |
-S 或者 --ssl | 使用https協(xié)議 |
-C 或者 --cert | ssl證書文件的路徑,默認(rèn)是cert.pem |
-K 或者 --key | ssl密匙文件路徑 |
-h 或者 --help | 顯示幫助 |
-v 或者 --version | 顯示版本 |