搭建静态资源服务器的多种姿势

by: kelen / 2017-05-06


现在流行很多mvvm框架,例如reactjs,angularjs,vuejs,还有mvc框架,extjs等,这些项目都可以放到静态资源服务器上,或许第一时间想到的是iis服务器?其实还有下面几种方法

nodejs

利用第三方模块static-server来搭建一个简单的http服务器,全局安装

npm -g install static-server

然后在根目录下执行

static-server -p 9000 -i index.html

python

python更简单,只要在根目录下执行

python -m SimpleHTTPServer 80

ruby

安装ruby,在根目录下执行

ruby -run -e httpd . -p 8888

nginx

安装nginx,然后配置文件

server {
    listen       80;
    server_name  127.0.0.1;
    charset utf-8;
    index index.html index.htm;
    root D:/vueapp;
    
    #配置Nginx动静分离,定义的静态页面直接从Nginx发布目录读取。
    location ~ .*\.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css)$ 
    { 
        root D:/vueapp;
        #expires定义用户浏览器缓存的时间为7天,如果静态页面不常更新,可以设置更长,这样可以节省带宽和缓解服务器的压力
        expires      7d; 
    } 
}