問題背景
打開一個(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)端口文章來源：http://www.zghlxwxcb.cn/news/detail-594695.html
- -a 參數(shù)是監(jiān)聽地址
- -p 參數(shù)是監(jiān)聽端口
http-server -a 127.0.0.1 -p 8081
文章來源地址http://www.zghlxwxcb.cn/news/detail-594695.html
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
|
顯示版本 |
到了這里，關(guān)于http-server 的安裝與使用的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
