Nginx环境搭建及前端部署教程（Windows版）

Nginx启动

启动方式一：双击nginx.exe，双击后你能看见一个小黑窗口一闪而过。

启动方式二：打开cmd命令窗口，切换到nginx解压目录下，输入命令 nginx.exe ，回车即可注意：如果安装目录是中文的情况，打开exe文件时会报错。打开浏览器：浏览器地址栏输入网址http://localhost:80回车，出现以下页面说明启动成功！

Nginx配置监听

nginx的配置文件是conf目录下的nginx.conf，默认配置的nginx监听的端口为80，如果80端口被占用可以修改为未被占用的端口即可。当修改了nginx的配置文件nginx.conf 时，不需要关闭nginx后重新启动nginx，只需要执行命令 nginx -s reload 即可让改动生效

Nginx关闭

方法一：(1)输入nginx命令 nginx -s stop(快速停止nginx) 或 nginx -s quit(完整有序的停止nginx)，这两个命令的区别在于nginx -s stop是快速停止Nginx，而nginx -s quit是有序的停止Nginx，前者可能会导致数据没有完全保存；方法二：(2)使用taskkill taskkill /f /t /im nginx.exe方法三：任务管理器杀死所有Nginx进程

 

Nginx常用命令

nginx -s reopen #重启Nginx
nginx -s reload #重新加载Nginx配置文件，然后以优雅的方式重启Nginx
nginx -s stop #强制停止Nginx服务
nginx -s quit #优雅地停止Nginx服务（即处理完所有请求后再停止服务）
nginx -t #检测配置文件是否有语法错误，然后退出
nginx -?,-h #打开帮助信息
nginx -v #显示版本信息并退出
nginx -V #显示版本和配置选项信息，然后退出
nginx -t #检测配置文件是否有语法错误，然后退出
nginx -T #检测配置文件是否有语法错误，转储并退出
nginx -q #在检测配置文件期间屏蔽非错误信息
nginx -p prefix #设置前缀路径(默认是:/usr/share/nginx/)
nginx -c filename #设置配置文件(默认是:/etc/nginx/nginx.conf)
nginx -g directives #设置配置文件外的全局指令
killall nginx #杀死所有nginx进程

Nginx前端部署

这是小诺开源前端的示例（https://xiaonuo.vip/doc?catalogueId=1574674577108783105&menuId=1588440280316100610&lineIndex=1）：

server {
        listen       80;
        server_name  localhost;
                
                # 如果项目使用了gzip，下面这堆gzip开头的配置可以放开
        gzip on;
        gzip_min_length 1k;
        gzip_comp_level 9;
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
        gzip_vary on;
        gzip_disable "MSIE [1-6]\.";

                location / {
            root   "E:\您的路径\dist";
                        try_files $uri $uri/ @router;
            index  index.html index.htm;
                        error_page 405 =200 http://$host$request_uri;
        }
                location @router {
            rewrite ^.*$ /index.html last;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }