golang,beego+vue.js结合使⽤,超简单发布,超简单部署⼤家知道,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即可访问了。做好的html怎么发布
3.进⼊dist⽂件夹下static⽂件夹内,拷贝⾥⾯所有⽂件和⽂件夹,在来到beego的static⽂件夹,粘贴,有相同的,则合并⽂件夹。
4.输⼊路由,就可以访问了。
原理其实就是利⽤go语⾔的静态服务功能。
在线
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论