nginx的使用

Windows模式 下载nginx

1、nginx下载
官网下载地址：http://nginx.org/en/download.html

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

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

注意：输入控制台的路径必须为纯英语，否则不能安装成功。
4、nginx命令介绍

（1）start nginx开启nginx服务

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

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

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

hash模式

1、项目打包

npm run build

2、把打包好的dist放到下载好的nginx-1.21.0文件的http文件中

3、浏览器输入localhost/dist/index.html就可打开页面。

history模式

在history模式下，还按照hash模式的打开方法的话，打开的网页是空白的。
那么该怎么做呢？
我们打开conf文件下面有一个nginx.conf文件，我们需要修改它的配置。

找到location /
修改为

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