前后端不分离部署教程(基于Vue，Nginx)

有小伙伴私信问我vue项目是如何进行前后端不分离打包发布的，那我岂能坐视不管，如此宠粉的我肯定是要给发一篇教程的，话不多说，开始操作

前端假如我们要发布我们的Vue项目，假设我们前端用的是history路由(要发就发个全套的)，并且在后端带有一个二级目录，以便于可以在服务器上部署N个项目，在这里后台服务器的话，我用Nginx服务器来给大家模拟，接下来就面对疾风吧：

　一、在这里我前端vue项目使用vue cli脚手架进行搭建的，后台使用Nginx，首先是前端配置：

　　1.前端配置,在这里假如后端访问的时候要访问my-app文件夹下的打包好的dist文件夹，所以我们要在前端做一些配置

① 在vue.config.js文件中添加如下配置(在这里我们手动在src文件夹同级的位置创建vue.config.js文件，相当于给webpack添加了新的配置，注意这行代码放到最外层，假如你写了module.exports去暴露你的模块儿，这行代码别放到这里面，就放到外层就好)：

baseUrl:'/my-app/'

② router路由的配置(相信你知道这个配置应该放到哪吧，毕竟都已经到了发布的操作了)：

const router = new VueRouter({
    mode:"