beego+vue.js分离开发,结合发布,简单部署

你们知道,golang开发的东西部署简单是它很大的卖点,通常的应用,生成的可执行文件直接放服务器上运行便可,不须要任何环境。固然,大型的应用才须要好比mysql,nginx等。
可是当vue.js出现后,前端几乎都是它(vue.js)的天下了,由于用了vue.js就回不去了,没法再回到beego的view里写tpl或html页面了,很受伤,没办法,vue.js实在太方便了,所谓双向绑定,这是神马概念,百度吧,我也讲不清楚……html

以前很懵逼,将vue.js开发的前端,完彻底全独立地部署在云上(用nginx做为前端静态服务器,配置一堆,彻底不必),很傻很傻,其实,将vue.js打包的东西放beego的view文件夹下和static文件夹下便可……前端

本身的认识:vue

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

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

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

部署的时候就简单了:nginx

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.输入路由,就能够访问了。golang

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

相关文章
相关标签/搜索