前端開發利器之靜態服務器
在進行前端頁面開發時,為了調試方便,需要在本地啟動一個靜態文件服務器,而不需要與後端api服務一起部署。
常用靜態文件服務器
01. anywhere
使用簡單,需要nodejs環境。
安裝:npm install anywhere -g
使用:anywhere --help
在任何需要訪問靜態文件的地方,直接運行即可訪問:anywhere -p 8080
詳見:https://www.npmjs.com/package/anywhere
02. http-server
使用簡單,需要nodejs環境。
安裝:npm install http-server -g
使用:http-server [path] [options]
在任何需要訪問靜態文件的地方,直接運行即可訪問:http-server -p 8080
詳見:https://www.npmjs.com/package/http-server
03. python http.server模塊
這是python自帶的模塊,使用簡單,需要安裝python環境。
以python-3.6.3為例,直接在windows上運行安裝文件python-3.6.3.exe,安裝成功之後可以啟動訪問:python -m http.server 8080
詳見:https://docs.python.org/3/library/http.server.html
04. nginx
下載地址:https://nginx.org/en/download.html
nginx是常用的靜態文件服務器,同樣可以用來在開發調試時使用。
以使用windows版本的nginx為例,下載相應windows壓縮包,解壓到指定目錄即可。
簡單編輯nginx.conf:
server { listen 80; server_name localhost; charset utf-8; #access_log logs/host.access.log main; location / { root html; index index.html index.htm; } }
啟動:start nginx.exe
,可以訪問nginx/html目錄下的所有靜態文件。
如果不想做過多配置,那麽需要將靜態文件放在nginx/html目錄下。
當然,也可以修改nginx配置文件訪問指定目錄下的靜態文件。
詳見:https://nginx.org/en/docs/beginners_guide.html#static;
https://www.cnblogs.com/h9527/p/5530298.html
轉自:http://www.cnblogs.com/nuccch/
前端開發利器之靜態服務器