专栏首页后端开发随笔前端开发利器之静态服务器

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • nginx入门系列之应用场景介绍

    nginx是一个高性能的http服务器,反向代理服务器,负载均衡器和邮件代理服务器。

    2Simple
  • nginx入门系列之安装与卸载

    官方安装手册:https://nginx.org/en/docs/install.html

    2Simple
  • protobuf使用简介

    环境:windows,java 1. protobuf概述 protobuf是Google开发一种数据描述格式,能够将结构化数据序列化,可用于数据存储,通...

    2Simple
  • nginx入门系列之应用场景介绍

    nginx是一个高性能的http服务器,反向代理服务器,负载均衡器和邮件代理服务器。

    2Simple
  • 前端er须知的Nginx技巧

    Nginx 对于大多数开发者来说不算陌生,企业团队用它来搭建请求网关,我们私下用它 “科学上网”(价值观警告)。但对于前端 er 来说,平日里开发大多时候都只是...

    桃翁
  • CentOS7 Docker Nginx部署及运行详解

    [root@localhost nginx]# sudo docker build –rm –tag os7/nginx:centos7 .

    砸漏
  • 003.Nginx配置解析

    Nginx主配置文件/etc/nginx/nginx.conf是一个纯文本类型的文件,整个配置文件是以区块的形式组织,通常每一个区块以一对大括号{}来表示开始与...

    木二
  • 使用Nginx防止IP地址被恶意解析

    初始化ECS后会生成一个公网IP,默认访问IP地址自动访问80端口,此时通过ip地址可直接访问启动在80端口的服务。

    Noneplus
  • 前端er须知的Nginx技巧

    Nginx 对于大多数开发者来说不算陌生,企业团队用它来搭建请求网关。但对于前端 er 来说,平日里开发大多时候都只是专注于业务,根本不需要也没机会涉及到 Ng...

    WecTeam
  • Nginx

    直接去官网(www.nginx.org)查找源码包,直接复制链接地址下载,我们一般选择stable(稳定版),不选择最新版本

    张琳兮

扫码关注云+社区

领取腾讯云代金券