​


传送门：Linux 系统安装 Nginx

1. 安装 Nginx 及基本使用

下载 Nginx 安装包

​​官网下载地址​​​选择 Windows 版本下载并解压Windows 系统安装使用 Nginx_nginxWindows 系统安装使用 Nginx_前端_02

启动 Nginx

  • 方式一：直接双击 nginx.exe，双击后一个黑色的弹窗一闪而过；
  • 方拾二：打开 cmd 命令窗口，切换到 nginx 解压目录下，输入命令
start nginx复制代码

检查 Nginx 是否启动成功

  • 方式一：在浏览器地址栏输入 ​​http://localhost:80，回车出现以下页面说明启动成功；​​

Windows 系统安装使用 Nginx_Nginx_03

  • 方式二：在cmd命令窗口输入命令 tasklist /fi "imagename eq nginx.exe" ，出现如下结果说明启动成功；

Windows 系统安装使用 Nginx_nginx_04nginx 的配置文件是 conf 目录下的 nginx.conf，默认配置的 nginx 监听的端口为 80。如果 80 端口被占用，可修改为未被占用的端口即可。

Windows 系统安装使用 Nginx_配置文件_05检查 80 端口是否被占用的命令是：

netstat -ano | findstr 0.0.0.0:80# 或 netstat -ano | findstr "80"复制代码

重启 Nginx

当修改 nginx 配置文件 nginx.conf 时，不需要关闭 nginx 后重新启动 nginx。只需打开 cmd (Powershell 需以管理员身份运行)，切换至 nginx 路径下执行以下命令。

nginx -s reload复制代码

关闭 Nginx

如果使用 cmd 命令窗口启动 nginx，关闭 cmd 窗口是不能结束 nginx 进程的。可使用两种方法关闭 nginx：

  • 方式一： nginx -s stop (快速停止 nginx) 或 nginx -s quit (完整有序的停止 nginx)
nginx -s stop复制代码

nginx -s quit复制代码

  • 方式二： 使用 taskkill
taskkill /f /t /im nginx.exe复制代码

2. Vue 项目部署到 Nginx

  • 将项目打包后的 dist 文件复制到 html 文件夹中

Windows 系统安装使用 Nginx_html_06

  • 修改配置 nginx.conf 文件

修改 server，root 默认html，修改为：html/dist。Nginx 则会在dist中找到 index.html 打开

Windows 系统安装使用 Nginx_Nginx_07修改完成之后 nginx -s reload 重启

在浏览器输入：localhost:8090 检验是否成功;手机端访问需要和电脑要处于同一局域网；