beego+vue.js分離開發,結合發布,簡單部署
阿新 • • 發佈:2019-04-01
利用 lang element npm nodejs 簡單 strong 生成 自己
2.直接將index.html放到beego的view文件夾下,然後在beego的route裏和controllers裏加上路由,指向這個index.html即可訪問了。
3.進入dist文件夾下static文件夾內,拷貝裏面所有文件和文件夾,在來到beego的static文件夾,粘貼,有相同的,則合並文件夾。
4.輸入路由,就可以訪問了。
大家知道,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文件夾。
3.進入dist文件夾下static文件夾內,拷貝裏面所有文件和文件夾,在來到beego的static文件夾,粘貼,有相同的,則合並文件夾。
4.輸入路由,就可以訪問了。
原理其實就是利用go語言的靜態服務功能。
beego+vue.js分離開發,結合發布,簡單部署