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語言的靜態服務功能。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章