前端开发利器之静态服务器

Posted 2020-10-20 pei~乐悠悠

在进行前端页面开发时，为了调试方便，需要在本地启动一个静态文件服务器，而不需要与后端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/