下载安装Nginx

前言:

Nginx是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器

Nginx是由伊戈尔 · 赛索耶夫为俄罗斯访问量第二的Rambler.ru站  点 (俄问:Рамблер) 开发的

它也是一种轻量级的web服务器,可以作为独立服务器的部署网站,它高性能和低消耗内存的结构受到了和很多大公司的青睐,比如淘宝网站假设....

安装步骤

 1 . 下载 

下载地址 : http://nginx.org/en/download.html (Nginx官网)

2 . 下载完成后我们解压到指定的目录,就可以看到以下的目录了,

 

3 . 我们在解压好的目录里面执行(cmd) 打开控制台,输入 start nginx 启动,然后再浏览器输入 localhost ,出现下面这个,就代表启动成功了

 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模式

 打包

npm run build

把生成的dist目录,放到html文件夹中

浏览器访问localhost/dist/index.htm 就可以看见自己的了

history 模式

当你使用 history 模式时，url就像正常的url，例如
“http://yoursite.com/mapp/”，不过这种模式还需要后台配置支持。因为我们的应用是单页面应用，如果后台没有正确的配置，当用户在浏览器直接访问 "http://yoursite.com/mapp/home"就会返回 404。

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

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

最后我们重新加载,然后再启动就好了,(如果不好事,就重启电脑试试)