有小伙伴私信问我vue项目是如何进行前后端不分离打包发布的，那我岂能坐视不管，如此宠粉的我肯定是要给发一篇教程的，话不多说，开始操作
前端假如我们要发布我们的Vue项目，假设我们前端用的是history路由(要发就发个全套的)，并且在后端带有一个二级目录，以便于可以在服务器上部署N个项目，在这里后台服务器的话，我用Nginx服务器来给大家模拟，接下来就面对疾风吧：
一、在这里我前端vue项目使用vue cli脚手架进行搭建的，后台使用Nginx，首先是前端配置：
1.前端配置,在这里假如后端访问的时候要访问my-app文件夹下的打包好的dist文件夹，所以我们要在前端做一些配置
① 在vue.config.js文件中添加如下配置( 在这里我们手动在src文件夹下面创建vue.config.js文件，相当于给webpack添加了新的配置 )：
baseUrl:'/my-app/'② router路由的配置(相信你知道这个配置应该放到哪吧，毕竟都已经到了发布的操作了)：
const router = new VueRouter({
mode:"history",
base:'/my-app/',
routes
})
2.接下来就是我们前端的打包
① 因为在这里我使用的vue cli搭的项目，所以直接执行yarn build进行打包，你会发现多了个dist文件夹，这里面就是打包过后生成的文件
② 在这里简单解释下打包后js和css文件自动加了版本号的基本作用：可以进行版本回退，唯一标识。
③ 在这里我们 模拟 把打包好的文件夹交给后端，所以我将打包好的dist文件夹放到一个我创建好的文件夹nginx-root文件夹里面，并且放到my-app文件夹
你看，它就安静的躺在这里，慈祥又安和
二、接下来就是我们后端服务器Nginx的操作
1.既然是教程，那就彻底手把手教学，第一步我们要先下载一个Nginx服务器，完全手把手，彻底手把手，不要九块九，更不要九十九，别太感动
① 去nginx.org下载一个Nginx，在右侧找到download点进去，在这里我们可以下载Stable version下面的 nginx/Windows-1.14.1 这个版本，
链接地址：http://nginx.org/en/download.html
② 然后将下载好的压缩包解压后放到你的本地磁盘里
③ 给Nginx配置环境变量，相信大家应该都知道怎么配环境变量把，不知道怎么配环境变量可以私聊我，在这里就不做过多解释了，直接讲解下一步操作
2.开始Nginx的配置
① 在你的 nginx(应该是nginx-1.14.1)文件夹中 打开命令行，执行命令： start nginx
//开启nginx服务器，执行完该命令后，如果你的命令控制工具闪了一下，并且光标悬停一闪一闪放光芒，此时你就可以在你的浏览器上输入localhost，按下回车，如果出现了Welcome to nginx！，恭喜你，你已经成功开启nginx服务器的封印了
