vue打包上线流程，nginx服务器配置（路由history模式白屏如何处理）

webpack打包后然后
npm run build 然后生成的dist 文件才是我们要上线的文件

用nginx操作
1、下载Nginx

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

下载 之后 解压到指定文件夹 错误点来了 ！！！ 此路径下不能有中文名称 有的话 你就不能启动 nginx

然后切换的相应的控制台 nginx启动命令 ： start nginx 然后在浏览器地址框访问localhost

显示此页面就打开了

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服务器

把打包后的 dist文件 放入到html 这个文件夹
然后在浏览器 访问 localhost/dist/ 就可以访问了
这个默认是hash 模式
切换history模式 会白屏
我们就需要更改配置
还是把打包后的 dist文件 放入到html 这个文件夹
然后需要更改 conf这个文件夹里的nginx.conf文件

然后重启nginx服务器

访问 localhost/dist/index.html