beego+vue.js分離開發(fā),結(jié)合發(fā)布,簡單部署

大家知道,golang開發(fā)的東西部署簡單是它很大的賣點(diǎn),一般的應(yīng)用,生成的可執(zhí)行文件直接放服務(wù)器上運(yùn)行即可,不需要任何環(huán)境。當(dāng)然,大型的應(yīng)用才需要比如mysql,nginx等。

但是當(dāng)vue.js出現(xiàn)后,前端幾乎都是它(vue.js)的天下了,因?yàn)橛昧藇ue.js就回不去了,無法再回到beego的view里寫tpl或html頁面了,很受傷,沒辦法,vue.js實(shí)在太方便了,所謂雙向綁定,這是神馬概念,百度吧,我也講不清楚……

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

自己的認(rèn)識:

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

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

獨(dú)立開發(fā)好vue.js項(xiàng)目后,打包后就可以放beego里面了。

部署的時(shí)候就簡單了:

1.在vue.js里,cnpm run build打包,得到dist文件夾,里面有index.html和static文件夾。

2.直接將index.html放到beego的view文件夾下,然后在beego的route里和controllers里加上路由,指向這個(gè)index.html即可訪問了。

3.進(jìn)入dist文件夾下static文件夾內(nèi),拷貝里面所有文件和文件夾,在來到beego的static文件夾,粘貼,有相同的,則合并文件夾。

4.輸入路由,就可以訪問了。

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容