需求：就是想在本地不运行vue项目，可以直接访问到打包后的vue项目
1.安装nginx
nginx: download，这里我安装的1.12.2稳定版本
2.下载完直接得到一个压缩包，直接把它解压到一个目录
！！！！注意！！！解压目标一定一定不要有中文，有中文就会报错！！！
之后双击nginx启动，或者是在nginx的解压目录cmd运行start nginx，发现屏幕有个窗口闪了下
3.检测nginx是否启动成功
在任务管理器中查看后台进程是否有nginx，如果没找到那就是启动失败
4.nginx启动失败后解决
打开在nginx的解压目录的logs文件，看到报错日志，直接打开，复制报错信息百度
5.端口占用报错
网上很多解法啊，我这边选择最简单的，直接把nginx的默认80端口改了，改个绝对不会被占用的端口就完事了，如图从conf==》nginx.conf，双击选择日记本打开
找server下的listen，写的80，直接把80改为8888之后重启nginx
在nginx的解压目录下，cmd后再重启nginx：
nginx -s reload6.在vue项目的vue.config.js文件配置前端打包项目名称
process.env.VUE_APP_PUBLIC_PATH这个是自己定义的环境变量，自己定义个名字就可以了，想叫什么都行
// 基础路径 注意发布之前要先修改这里
let publicPath = process.env.VUE_APP_PUBLIC_PATH || '/'
module.exports = {
// 根据你的实际情况更改这里
publicPath
}在router里面也要更改
// 导出路由 在 main.js 里使用
const router = new VueRouter({
mode: 'history',
base: process.env.VUE_APP_PUBLIC_PATH,
routes
})7.打包vue项目
运行如下命令后
npm run build把打包好的dist文件直接丢到 nginx的html中
7.运行项目
端口号80根据自己在conf文件中设置的自行更改
http://localhost:80
8.关闭nginx服务
nginx -s stop
