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


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

    之前很懵逼,将vue.js开发的前端,完完全全独立地部署在云上(用nginx作为前端静态服务器,配置一堆,完全没必要),很傻很傻,其实,将vue.js打包的东西放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语言的静态服务功能。

  • 相关阅读:
    HTML from表单的name属性
    Vue基础语法数据绑定、事件处理和扩展组件
    Vue 系列 之 Vue1.x
    SQLServer XML类型
    基于gitlab + jenkins + harbor + k8s 搭建部署微服务环境
    NuGet微软官方中国国内镜像
    4层架构六边型架构(也就是洋葱架构)
    锁优化建议
    一款开源的跨平台实时web应用框架——DotNetify
    使用 .NET 升级助手将NET Core 3.1项目升级为.NET 6
  • 原文地址:https://www.cnblogs.com/3xxx/p/10633937.html
Copyright © 2020-2023  润新知