运行npm run build之后，会生成一个dist文件夹，生成完的文件我们怎么来运行呢？直接在本地打开index.html是无法运行的，打包的时候有提示：
所以我们要启动一个HTTP服务器才能够运行。选择一个HTTP服务器，下面用Nginx为例
步骤
1、下载Nginx
2、解压Nginx
3、配置Nginx
4、启动Nginx服务器，将dist文件丢到服务器里，运行访问
nginx的配置文件是conf目录下的nginx.conf nginx.conf 文件配置如下
然后把打包好的dist文件夹扔到nginx下的html文件夹里，重新启动nginx服务，在地址栏输入 http://localhost:8096/ 即可
之后发现，正常浏览是可以的，但是刷新页面，或者在浏览器中输入路由地址会出现404 现附解决方案如下 在 server { ...... } 中插入如下代码
location / {
root html\dist; #访问路径
index index.html index.htm;
try_files $uri $uri/ @router;
}
location @router {
rewrite ^.*$ /index.html last;
}
Vue 之 Nginx 部署
附上nginx常用命令：
nginx -s stop 直接干掉服务
start nginx 启动服务
nginx -s quit 优雅停止nginx，有连接时会等连接请求完成再杀死worker进程
nginx -s reload 优雅重启，并重新载入配置文件nginx.conf
nginx -s reopen 重新打开日志文件，一般用于切割日志
nginx -v 查看版本
nginx -t 检查nginx的配置文件
nginx -h 查看帮助信息
nginx -V 详细版本信息，包括编译参数
nginx -c filename 指定配置文件
