1. 程式人生 > >前端開發利器之靜態服務器

前端開發利器之靜態服務器

環境 oca 配置 pos 服務 path pytho onf dex

在進行前端頁面開發時,為了調試方便,需要在本地啟動一個靜態文件服務器,而不需要與後端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/

前端開發利器之靜態服務器