1. 程式人生 > >http-server的安裝、前端使用http-server啟本地服務

http-server的安裝、前端使用http-server啟本地服務

說在前面: 以下所述內容都是在windows環境下進行; 在平時的開發過程中,常遇到沒有用任何框架和工具,就要執行一個簡單的html頁面,需要啟一個本地伺服器。我說的情況主要是針對同一區域網下使用手機端或者其他裝置訪問本地頁面的問題。本文提供一種簡單的方式。

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

3.開啟服務

命令列中進入目標資料夾(也就是需要啟動服務的資料夾),輸入如下命令:

http-server

本地伺服器就啟動起來了,預設埠為8080。

4.各端訪問

本地伺服器啟動完成之後,命令列視窗會輸出如下圖所示的地址: https://img-blog.csdn.net/20181022154137966?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzg1Njg2MQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70 本機訪問的話,兩個地址都可以; 手機或其他裝置連線,請使用其中有ip的那個地址訪問(http://10.134.253.8:8080),並且手機或者其他裝置與本機必須在同一區域網下。