前端在本地啟動服務預覽html頁面

2022-06-28 07:06:08 字數 785 閱讀 1898

在開發移動端專案時瀏覽器裡出來的效果往往到真機上和預想的有出入,在開發過程中知道了乙個可以在本地自己啟動乙個伺服器在手機預覽的辦法。

1、首先在終端安裝http。

npm i http-server -g。(g全域性安裝)

安裝成功之後

2、cd到需要檢視的頁面的資料夾處(該資料夾必須是包含js、css等所有檔案的資料夾)

例如:必須是memberpage這個資料夾(cd memberpage/)

3、可以看一下server下的命令都有什麼

4、執行檢視專案

http-server . -c-1(-c-1是不需要快取)

啟動完畢之後會有如下介面

5、在電腦上檢視

例如:localhost:8080/(預設開啟index頁面)若要開啟index0.html就需要localhost:8080/index0

6、在手機預覽效果

手機端輸入http-server位址+檔案名字。http-server位址一般是用帶ip的那個例如(

注意:手機訪問的話,需要手機和電腦是在同一區域網下。

前端在本地啟乙個服務,預覽頁面

1.首先在終端安裝http npm i http server g g全域性安裝 2.cd到需要檢視的頁面的資料夾處 該資料夾必須是包含js css等所有檔案的資料夾 例如複製檔案的位置 切換到檔案目錄下 3.執行檢視專案 4.在電腦上檢視 複製鏈結,就可以放瀏覽器上跑起來了 5.在手機預覽效果 手...

html啟動本地 exe檔案

之前沒有了解這個內容,還是乙個小夥伴在面試中遇到的乙個題目,感覺挺有意思就研究了一下這個東西到底是怎麼用的。搜了一下解決方法,是新增登錄檔,自己執行了可以使用 第一步 首先開啟登錄檔,方法是 win r 進入執行,或者從開始裡找執行 輸入regedit進入登錄檔 第二步 然後 在登錄檔 左邊最上面h...

怎麼啟動本地服務

public為靜態資源路徑,預設讀取子檔案index.html use express.static public listen 8083,step1 全域性安裝 http server step2 進入目標資料夾啟動 http server 或者指定埠號 http server p 3000 st...