前端使用http-server啟本地服務


*手機端調試神器

注:下文都是Mac環境

在平常開發過程中,常遇到沒有用任何框架和工具,就是要運行一個簡單的html頁面,需要啟一個本地的服務器。本文提供一種簡單的方式。本機訪問都可以,手機或其他設備連接,請使用192ip,必須在同一局域網下;

1. 安裝node.js
官網地址:https://nodejs.org
下載官網推薦版本,並安裝。

在命令行輸入命令node -v以及npm -v檢查版本,確認是否安裝成功。

2. 安裝http-server
http-server詳細介紹,包括參數等:
https://www.npmjs.com/package/http-server

在命令行中安裝到全局(-g表示安裝到全局,之后所有文件夾路徑下輸入http-server都可以使用):

npm install http-server -g

有可能會出現權限問題,在npm前加上sudo

3. 開啟服務
命令行中進入目標文件夾(也就是需要啟動服務的文件夾),輸入如下命令:

http-server

本地服務器就啟動起來了,默認端口為8080。
--------------以下 win10親測  -----------------------

首先!  全局安裝沒什么好說的叭

npm install http-server -g

其次  進入你的項目文件夾   cmd - - >

hs

http-server在瀏覽器的端口http://127.0.0.1:8080/,未能及時反饋網頁中html、js文件的改動。這是因為瀏覽器會保存一些數據,方便下次加載的時候速度更快,但當我們對html/js做了一些改動時,瀏覽器不能即時生效,仍加載之前的網頁。

這時需要對瀏覽器清除緩存。解決辦法:在終端開啟http-server時輸入下列命令行

http-server -c-1

好拉~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM