使用vue-cli創建的項目，能夠實現瀏覽器中自動刷新，實時查看項目效果，其中的原理在於，webpack在本地啟動了一個本地服務器，將本機當作一台服務器；
打包后的文件是一個html靜態頁面，在本地文件夾中直接打開的一般都素hifile協議，當代碼中存在http或者https的鏈接時，html頁面就無法正常打開，為了解決這種情況，需要在本地啟動以惡搞本地的服務器。
利用node.js的http-server開啟本地服務，步驟如下：
首先電腦已經安裝了node.js，安裝http-server
npm install http-server -g
然后進入你想作為本地服務器根目錄的位置，執行命令htpp-server
啟動本地服務器成功，可以使用ctrl+c關閉服務器
http-server -c-1 （⚠️只輸入http-server的話，更新了代碼后，頁面不會同步更新）
簡寫 hs
可以修改服務器的監聽地址以及監聽的端口號
hs <path> -a 127.0.0.1 -p 8090
path 時目錄地址，默認時cmd打開的目錄地址，可以省略，默認時cmd打開的路徑地址
-a 參數是監聽地址
-p 參數是監聽的端口
其他參數
| 作用 | 作用 |
| -p 或者 --port | 端口設置，默認是 8080 |
| -a | -a 監聽地址設置默認是 0.0.0.0 |
| -d | 是否顯示文件列表 默認true |
| -i | 顯示自動索引 默認true |
| -g 或者 --gzip | 默認false，當文件的gzip版本存在且請求接受gzip編碼時，它將服務於./public/some-file.js.gz，而不是./public/some-file.js |
| -e 或者 --ext | 如果沒有提供默認文件擴展名(默認為html) |
| -s 或者 --silent | 禁止控制台日志信息輸出 |
| –cors | 允許跨域資源共享 |
| -o | 啟動服務后打開默認瀏覽器 |
| -c | 設置緩存cache-control max-age heade存留時間（以秒為單位），示例：-c10是10秒，默認是3600秒，如果要禁用緩存就使用-c-1 |
| -U 或者 --utc | 使用 UTC格式，在控制台輸出時間信息 |
| -P 或者 --proxy | 通過一個 url地址，代理不能通過本地解析的資源 |
| -S 或者 --ssl | 使用https協議 |
| -C 或者 --cert | ssl證書文件的路徑，默認是cert.pem |
| -K 或者 --key | ssl密匙文件路徑 |
| -h 或者 --help | 顯示幫助 |
參考：https://blog.csdn.net/ithanmang/article/details/88375259
自己手動測試，http-server啟動成功成功之后頁面卻無法打開，防火牆也關閉了，還是不行，不知道怎么回事兒，就使用了anywhere，可以啟動成功；
補充：http-server 默認需要一個入口文件，啟動成功之后，輸入ip地址加端口號，后面跟上index.html就可以使用了