在寫前端頁面中，經常會在瀏覽器運行HTML頁面，從本地文件夾中直接打開的一般都是file協議，當代碼中存在http或https的鏈接時，HTML頁面就無法正常打開，為了解決這種情況，需要在在本地開啟一個本地的服務器。
本文是利用node.js中的http-server，開啟本地服務，步驟如下：

1 下載node.js

官網地址： https://nodejs.org
下載完成后在命令行輸入命令$ node -v以及$ npm -v檢查版本，確認是否安裝成功。

　　

2 下載http-server

在終端輸入：
npm install http-server -g

　　

3 開啟 http-server服務

終端進入目標文件夾，然后在終端輸入：

http-server -c-1   （⚠️只輸入http-server的話，更新了代碼后，頁面不會同步更新）
Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://192.168.8.196:8080
Hit CTRL-C to stop the server

　　

4 關閉 http-server服務

按快捷鍵CTRL-C
終端顯示^Chttp-server stopped.即關閉服務成功。

　

4 這時候打開頁面無法正常顯示,終端給出提示

[Wed Aug 21 2019 07:27:19 GMT+0800 (GMT+08:00)] "GET /" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/7575.0.3770.100 Safari/537.36" .0.3770.100 Safari/537.36" .0.3770.100 Safari/537.36"
[Wed Aug 21 2019 07:29:43 GMT+0800 (GMT+08:00)] "GET /" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36".0.3770.100 Safari/537.36"

4 解決辦法

 4.1:裝anywhere！然后在要設置的目錄下 運行anywhere!就可以解決了！ anywhere可以打開靜態頁面

 4.2:anywhere安裝命令：npm install -g anywhere

 4.3:使用：在要啟動靜態服務的目錄下執行

 4.4:anywhere -p 8080

PS C:\Users\ASUS\Desktop\working\demo> anywhere -p 8080
Running at http://192.168.43.134:8080/
Also running at https://192.168.43.134:8081/

4 最后一步,在端口號后面添加要打開的文件,手機端輸入地址也可以訪問這個頁面了

　　

http://192.168.43.134:8080/index.html

5 吃水不忘挖井人,借鑒了以下網站

https://www.cnblogs.com/nolaaaaa/p/9126385.html

https://blog.csdn.net/weixin_40836227/article/details/99710001