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

2022-06-25 02:24:10 字數 615 閱讀 3158

1.首先在終端安裝http

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

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

例如複製檔案的位置

切換到檔案目錄下

3.執行檢視專案

4.在電腦上檢視

複製鏈結,就可以放瀏覽器上跑起來了

5.在手機預覽效果

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

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

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

在開發移動端專案時瀏覽器裡出來的效果往往到真機上和預想的有出入,在開發過程中知道了乙個可以在本地自己啟動乙個伺服器在手機預覽的辦法。1 首先在終端安裝http。npm i http server g。g全域性安裝 安裝成功之後 2 cd到需要檢視的頁面的資料夾處 該資料夾必須是包含js css等所有...

如何用nodejs啟乙個前端服務

1 新建資料夾,如 notice 2 新建頁面和js檔案,如 index.html server.js 3 index.html頁面內容隨你寫,如 你看到的這個頁面是首頁 body html 4 關鍵的 server.js 用來啟服務 var fs require fs 用來讀取檔案 var roo...

使用http server開啟乙個本地伺服器

在寫前端頁面中,經常會在瀏覽器執行html頁面,從本地資料夾中直接開啟的一般都是file協議,當 中存在http或https的鏈結時,html頁面就無法正常開啟,為了解決這種情況,需要在在本地開啟乙個本地的伺服器。本文是利用node.js中的http server,開啟本地服務,步驟如下 在終端輸入...