vue.js打包后放到beego的view目录下实现简单部署

你们知道，golang开发的东西部署简单是它很大的卖点，可是当vue.js出现后，前段几乎都是它的天下了，由于用了vue.js就回不去了，没法再回到beego的view里写tpl或html页面了，很受伤，没办法，vue.js实在太方便了，所谓双向绑定，这是神马概念，百度吧，我也讲不清楚……

以前很懵逼，将vue.js开发的前端，完彻底全独立地部署在云上（用nginx，配置一堆，彻底不必），很傻很傻，其实，将打包的东西放beego的view下和static目录下便可……

本身的认识：

开发的时候必定要用独立的前端，即vue.js前端项目必须是独立的，独立的服务，不要放beego里的view里做为tpl页面。虽然，放beego view里的tpl经过引用vue、element、axios等彷佛能够实现很多功能，可是很虐心，不到万不得已不要再去尝试，缘由之一固然是没有任何教程和现成的案例是这样搞的，好多东西须要去试验。好比axios，路由啊之类。

当独立搭建起nodejs和vue的环境后，使用淘宝镜像，初始化一个项目，而后各类抄网络代码，行如流水，很顺了。

独立开发好vue.js项目后，打包后就能够放beego里面了。

部署的时候就简单了：

1.在vue.js里，cnpm run build打包，获得dist文件夹，里面有index.html和static文件夹。
2.直接将index.html放到beego的view文件夹下，而后在beego的route里和controllers里加上路由，指向这个index.html便可访问了。
3.进入dist文件夹下static文件夹内，拷贝里面全部文件和文件夹，在来到beego的static文件夹，粘贴，有相同的，则合并文件夹。
4.输入路由，就能够访问了。

原理其实就是利用go语言的静态服务功能。

在线demo

源码https://github.com/3xxx