vue中的nginx的安装及应用

vue中的nginx的安装及应用

首先我们先下载nginx

下载地址：http://nginx.org/en/download.html

下载完之后，进行解压，解压后就会得到相应的目录文件

在控制台cmd中切换到此目录下，用start nginx启动nignx，然后就在页面中输入localhost，出现如下网页就说明安装成功，默认监听为8080端口号

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模式下
把自己的文件打包好，然后把自己打包好的文件放到nginx文件夹中的HTML文件中，再浏览器中输入localhost/dist/index.html即可访问

history模式
则需要在你的nginx的文件中打开找到conf的文件夹，在文件夹中打开nginx.conf并进行编辑
配置

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

然后再关闭nginx，重新打开即可