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

是非成败转头空 青山依旧在 几度夕阳红 。。。
随笔 - 1277, 文章 - 0, 评论 - 214, 阅读 - 320万
  博客园  :: 首页  :: 管理
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

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

Posted on   且行且思  阅读(379)  评论(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;
        }
    }
复制代码

 

相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
历史上的今天:
2018-11-20 jquery怎么选择嵌套的第一层的li
2008-11-20 C# dataGridView控件某单元格,间隔地变换背景色
2006-11-20 非常强大的ZoneAlarm Pro防火墙 、ewido 木马专杀 、以及 卡巴斯基互联网安全套装
2006-11-20 word实用技巧问题解答(实用)
点击右上角即可分享
微信分享提示