1. 程式人生 > >NodeJs中的http-server的使用--解決chrome瀏覽器執行html和js檔案的時候,無法呼叫本地的檔案

NodeJs中的http-server的使用--解決chrome瀏覽器執行html和js檔案的時候,無法呼叫本地的檔案

 

一、環境:已經安裝了nodeJS。

二、安裝http-server:

   開啟cmd --》 輸入  npm install http-server -g 

注意:需要-g ,否則會出現錯誤,並且點選執行start.bat的時候會出現錯誤。

C:\Users\sen>npm install http-server
npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\sen\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\sen\package.json'
npm WARN sen No description
npm WARN sen No repository field.
npm WARN sen No README data
npm WARN sen No license field.

+ 
[email protected]
added 25 packages in 13.914s

三、將本地檔案模擬為放置到本地伺服器中。

start.bat中的內容:
http-server -p 10086 --cors
pause

將start.bat 放到某個資料夾下,那麼.bat的地方就是根目錄了。這時候這個目錄下的檔案就相當於是布在(本地)伺服器下了。

此時的訪問方式是:瀏覽器中輸入:http://127.0.0.1:10086/就可以實現訪問了(注意預設以本地的index.html為起始頁面)

執行結果如下:

E:\ZBS_RKProject\Web3D_Underground>http-server -p 10086 --cors
Starting up http-server, serving ./
Available on:
  http://172.17.213.160:10086
  http://127.0.0.1:10086
Hit CTRL-C to stop the server
[Fri Sep 07 2018 11:25:08 GMT+0800 (中國標準時間)] "GET /" "Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36"

效果:

 

主要用於解決chrome瀏覽器執行html和js檔案的時候,無法呼叫本地的檔案。