明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
  博客园  :: 首页  :: 管理

Nginx环境搭建及前端部署教程(Windows版)

Posted on 2023-11-20 08:40  且行且思  阅读(267)  评论(0编辑  收藏  举报

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;
        }
    }