码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-01-09 20:13:55      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:自带   body   htm   配置文件   文件服务器   方便   down   python   span   

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

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

标签:自带   body   htm   配置文件   文件服务器   方便   down   python   span   

原文地址:https://www.cnblogs.com/xuepei/p/8252907.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!