---

問題背景

打開一個(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	顯示版本