全栈开发：前后端分离配置篇（vue+webpack+mock+nginx+laravel）

是如何使前后端完全分离，答案是在服务器端利用nginx做转发，前端文件单独部署到服务器某目录下，nginx负责提供入口和接口监听，也就是前后端分离成两个项目部署到服务器上，好处是前端人员可以自行运维前端项目，后端人员只需要提供api接口即可，互不干扰。其实这种方案老早之前就已经被使用过了，由于入行时间不长，我在这里只是记录下自己研究的一些心得，欢迎批评指正。

下面说一下具体玩法，前端使用vue-cli搭建项目，webpack打包，在后端接口未完成情况下用mock模拟假数据，使用nginx转发接口，后端使用spring框架。

本地开发：

三种情况：

1、后端接口未完成，前端使用mock模拟数据（mock玩法请baidu）