需求：

本文的目的是通过本文的总结可以自行由nginx启动前端项目的服务，并做好最基本的配置。

1. Nginx的安装方法可以自行百度。
2. nginx常用命令：

 nginx   //启动nginx
 nginx -s reload  //根据新的nginx配置重启nginx服务（服务不会中断）
 nginx stop //停止Nginx 服务

3. 由于路径权限等一些问题，linux下可以将你编译好的前端项目放在/usr/local/nginx/html下（这应该是nginx的安装目录吧，可能是，之前装的，忘了）。
4. 然后对/usr/local/nginx/conf/nginx.conf进行编辑

首先我们会看到一个默认的配置项，这里我们关注下里面的http里面的server模块(这里配置好基本就可以启动nginx作为server了)：

server {
       listen       80; // 监听的端口号
       server_name  www.xxx.com; //域名

       #charset koi8-r;//编码配置

       #access_log  logs/host.access.log  main;//日志模块，暂时没用到。

       location / {
           root   html/myblog/; //压缩后的项目所在位置
           index  index.html index.htm;//入口文件
       }

       location /api {
           proxy_pass http://localhost:9527;    //反向代理的地址
       }
       error_page   500 502 503 504  /50x.html;//50开头的错误页面
       location = /50x.html {
           root   html;
       }
}

4 因为我们在生产环境中的项目基本需要经过gzip压缩的，所以这里还要补充下gzip的配置(和server的配置同级)：

    gzip  on; //开启gzip压缩
    gzip_min_length 1k; //1k开始压缩，1k一下压缩可能越压越大
    gzip_buffers 4 16k;  // 以16k为单位,按照原始数据大小以16k为单位的4倍申请内存
    #gzip_http-version 1.0 // 识别http协议的版本,早起浏览器可能不支持gzip自解压,用户会看到乱码
    gzip_comp_level 9; // 压缩比，范围1-9 数字越大压缩后体积越小但是越消耗CPU性能
    gzip_types text/plain application/x-javascript application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; //把你需要压缩的文件类型都写上去。
    gzip_vary on;  //和http头有关系，加个vary头，给代理服务器用的，有的浏览器支持压缩，有的不支持，所以避免浪费不支持的也压缩，所以根据客户端的HTTP头来判断，是否需要压缩
    gzip_disable "MSIE[1-6]\."; //ie 1~ 6不压缩
    server {
            //之前讲过了sever配置，这里省略。。
        }

编辑完后退出，nginx -s reload 重启 nginx服务就可以访问了

从图中红框部分可以看到原来1.91mb的js压缩到只有624kb，这压缩率还是非常给力的。