Windows下安装Nginx

目录

前言

安装步骤 

 一、下载Nginx

二、下载之后，解压到指定的目录，就可以看到以下的目录

三、控制台（CMD）切换到Nginx目录下，输入start nginx ，然后在浏览器页面输入localhost，出现如下界面则表示安装成功。默认监听80端口号。

四、nginx命令介绍

五、访问自己的项目 

六、页面空白 

---

前言

Nginx (engine x) 是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru 站　点（俄文：Рамблер）开发的
　　
它也是一种轻量级的Web服务器，可以作为独立的服务器部署网站（类似Tomcat）。它高性能和低消耗内存的结构受到很多大公司青睐，如淘宝网站架设。。

安装步骤 

 一、下载Nginx

下载地址：http://nginx.org/en/download.html （Nginx官网）

 

二、下载之后，解压到指定的目录，就可以看到以下的目录

 

三、控制台（CMD）切换到Nginx目录下，输入start nginx ，然后在浏览器页面输入localhost，出现如下界面则表示安装成功。默认监听80端口号。

 

四、nginx命令介绍

① start nginx 开启nginx服务

② nginx.exe -s stop 关闭nginx服务，快速停止nginx，可能并不保存相关信息

③ nginx.exe -s quit 关闭nginx服务，完整有序的停止nginx，并保存相关信息

④  nginx.exe -s reload 重载nginx服务，当你改变了nginx配置信息并需要重新载入这些配置时可以使用此命令重载nginx
⑤  使用 taskkill /F /IM nginx.exe > nul命令强关nginx服务器  

五、访问自己的项目 

在我们nginx目录下，有一个html文件夹，我们可以把我们打包好的项目放到这个文件夹中。

 然后我们去浏览器中访问localhost/dist/index.html就可以看到我们的页面了。

 

六、页面空白 

1、如果我们打开项目后页面是空白，首先我们要看打包项目中的路由模式。
路由模式分为2种：

路由详情

history/hash

注意：如果我们的路由是history模式，需要进行一下配置 

hash模式如图：

找到我们ngnix根目录下的config文件种的nginx.conf文件

我们找到location /这一行配置，然后修改为这样 

location / {
                root   html/dist/;
                try_files $uri $uri/ /dist/index.html;  
                index index.html;
        }

如下图所示：

 

之后我们启动项目直接使用本地ip地址或localhost即可查看 

注意：在此配置过之后重新关闭 在终端重新执行命令  如果执行不成功，使用 taskkill /F /IM nginx.exe > nul命令强关nginx服务器  输入start nginx在启动一下，如有页面打开500 403 等错误码打不开，是因为终端识别不出来你的执行代码是哪个了，混乱了，所以我们要重新启动一下电脑，开启之后在运行就好了，

histroy模式如下图：