Nginx 安装教程 (windows) 及详解 并通过Nginx启动项目(vue项目举例)

                  Nginx 常用命令

Nginx windows安装教程

通过Nginx启动项目(vue项目举例)

目录介绍


Nginx

Nginx 是俄罗斯人 Igor Sysoev 编写的轻量级Web服务器,它的发音为 [ˈendʒɪnks] ,它不仅是一个高性能的HTTP和反向代理服务器,同时也是一个IMAP/POP3/SMTP 代理服务器。

Nginx 常用命令

启动 start nginx
快速停止 nginx -s stop
完整停止 nginx -s quit
重启 nginx -s reload
版本信息 nginx -v
校验配置文件 nginx -t

Nginx windows安装教程

Nginx 管网下载地址:nginx: download

 7455cbec0eda4fcd85f4e2065c336cde.png

下载后进行解压(我这里放在了D盘下)

322d407980f14702ba4191ef2837b473.png

然后进入文件夹内,通过 cmd 打开命令行

执行启动命令: start nginx

查看nginx情况:tasklist /fi "imagename eq nginx.exe"

81fbf6e262f740889471d5a8470b6ebb.png

出现这个就是成功了!

回到文件夹内打开 nginx-1.21.6\conf\nginx.conf 配置文件。

faea7993738340db8f5490f5297592bb.png

 通过 localhost:80 或 http://127.0.0.1:80 打开网页,查看状态

d514a215653b4f49aac91e6acc1d30ba.png

状态正常!

通过Nginx启动项目(vue项目举例)

将 vue 项目打包后,进入 dist 文件夹内

dfd45a344f6f40a69f46d68c5584cf5a.png

将 dist 内的文件,复制到 Nginx 的 html 文件夹内

6520fd53b8334ec996bfb96b96db446b.png

 3c8b51136dea452e86c13513a81374f6.png

 然后 通过 localhost:80 或 http://127.0.0.1:80 访问就阔以了

目录介绍

存储 Nginx 服务器上出现的异常

1bd491ba5975486085d7519a31b013b9.png

 存储 Nginx 服务器上项目加载的资源信息

15c01c1de13e4496998e1263807742a6.png

猜你喜欢

转载自blog.csdn.net/weixin_43221910/article/details/124320848