需求：
本文的目的是通过本文的总结可以自行由nginx启动前端项目的服务，并做好最基本的配置。
- Nginx的安装方法可以自行百度。
- nginx常用命令：
nginx //启动nginx
nginx -s reload //根据新的nginx配置重启nginx服务（服务不会中断）
nginx stop //停止Nginx 服务
- 由于路径权限等一些问题，linux下可以将你编译好的前端项目放在/usr/local/nginx/html下（这应该是nginx的安装目录吧，可能是，之前装的，忘了）。
- 然后对/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.1.png
从图中红框部分可以看到原来1.91mb的js压缩到只有624kb，这压缩率还是非常给力的。
