前端ngiux部署-真的不是那么难

1.下载对应版本的ngiux -官网就可以下载，目前我使用的是nginx-1.12.2 感觉比较稳定和好用

下载以后有个conf 文件-nginx.cong去配置对应信息

  server {
        listen       9999;
        server_name  127.0.0.1;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location /met/  {
            alias html/met/;
            try_files $uri $uri/ /index.html;
            index  index.html index.html;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }

    server {
        listen       7999;
        server_name  127.0.0.1;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location /ecccc/  {
            alias html/ecccc/;
            try_files $uri $uri/ /index.html;
            index  index.html index.html;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }

然后 在html 里去配置对应文件夹就可以啦~ 接着访问你的serve_name/eccccc/index.html 即可访问，前端打包命令 npm run build 用的是你的生产环境记得更换对应Ip地址，这里的serve_name就是做映射的到时不用太操心，其实你写啥都行，最后走的是你的生成环境ip地址。

另外，附上ngiux常用命令 

# 启动
start nginx
# 关闭
nginx -s quit
# 重新加载
nginx -s reload

# 检查端口是否被占用：
netstat -ano | findstr 0.0.0.0:80 
或
netstat -ano | findstr "80"
Taskkill /f /im nginx.exe3.

 3.查看日志

资源的访问，是会产生日志的，日志分两种，成功访问日志和失败日志
access_.log 访问日志
error.log 错误日志
我们在nginx.conf里面可以看到access日志的目录,以及日志的格式

我们在/var/log/nginx/access里面看一下，确实是按设定的格式返的

4.深耕可以学习ngiux内置变量 

内置变量

更详细的可以网上查一下

名称	含义
$remote_addr	客户端地址
$remote_user	客户端用户名称
$time_local	访问时间和时区
$request	请求的URI和HTTP协议
$http_host	请求地址，即浏览器中你输入的地址（IP或域名）
$status	HTTP请求状态
$body_bytes_sent	发送给客户端文件内容大小
$http_user_agent	用户代理