beego+vue.js分離開發(fā)和結(jié)合發(fā)布以及簡單部署的示例分析

本篇文章為大家展示了beego+vue.js分離開發(fā)和結(jié)合發(fā)布以及簡單部署的示例分析，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

大家知道，golang開發(fā)的東西部署簡單是它很大的賣點，一般的應(yīng)用，生成的可執(zhí)行文件直接放服務(wù)器上運行即可，不需要任何環(huán)境。當(dāng)然，大型的應(yīng)用才需要比如mysql，nginx等。
但是當(dāng)vue.js出現(xiàn)后，前端幾乎都是它（vue.js）的天下了，因為用了vue.js就回不去了，無法再回到beego的view里寫tpl或html頁面了，很受傷，沒辦法，vue.js實在太方便了，所謂雙向綁定，這是神馬概念，百度吧，我也講不清楚……

之前很懵逼，將vue.js開發(fā)的前端，完完全全獨立地部署在云上（用nginx作為前端靜態(tài)服務(wù)器，配置一堆，完全沒必要），很傻很傻，其實，將vue.js打包的東西放beego的view文件夾下和static文件夾下即可……

自己的認(rèn)識：

開發(fā)的時候一定要用獨立的前端，即vue.js前端項目必須是獨立的，獨立的服務(wù)，不要放beego里的view里作為tpl頁面。雖然，放beego view里的tpl通過引用vue、element、axios等似乎可以實現(xiàn)不少功能，但是很虐心，不到萬不得已不要再去嘗試，原因之一當(dāng)然是沒有任何教程和現(xiàn)成的案例是這樣搞的，好多東西需要去試驗。比如axios，路由啊之類。

當(dāng)獨立搭建起nodejs和vue的環(huán)境后，使用淘寶鏡像，初始化一個項目，然后各種抄網(wǎng)絡(luò)代碼，行如流水，很順了。

獨立開發(fā)好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文件夾內(nèi)，拷貝里面所有文件和文件夾，在來到beego的static文件夾，粘貼，有相同的，則合并文件夾。
4.輸入路由，就可以訪問了。

原理其實就是利用go語言的靜態(tài)服務(wù)功能。

上述內(nèi)容就是beego+vue.js分離開發(fā)和結(jié)合發(fā)布以及簡單部署的示例分析，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。