beego+vue.js分离开发和结合发布以及简单部署的示例分析-创新互联

本篇文章为大家展示了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语言的静态服务功能。

上述内容就是beego+vue.js分离开发和结合发布以及简单部署的示例分析，你们学到知识或技能了吗？如果还想学到更多技能或者丰富自己的知识储备，欢迎关注创新互联行业资讯频道。

另外有需要云服务器可以了解下创新互联cdcxhl.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

文章名称：beego+vue.js分离开发和结合发布以及简单部署的示例分析-创新互联
分享路径：http://cdiso.cn/article/csshoh.html