beego+vue.js分離開發,結合發佈,簡單部署

你們知道,golang開發的東西部署簡單是它很大的賣點,通常的應用,生成的可執行文件直接放服務器上運行便可,不須要任何環境。固然,大型的應用才須要好比mysql,nginx等。
可是當vue.js出現後,前端幾乎都是它(vue.js)的天下了,由於用了vue.js就回不去了,沒法再回到beego的view裏寫tpl或html頁面了,很受傷,沒辦法,vue.js實在太方便了,所謂雙向綁定,這是神馬概念,百度吧,我也講不清楚……html

以前很懵逼,將vue.js開發的前端,完徹底全獨立地部署在雲上(用nginx做爲前端靜態服務器,配置一堆,徹底不必),很傻很傻,其實,將vue.js打包的東西放beego的view文件夾下和static文件夾下便可……前端

本身的認識:vue

開發的時候必定要用獨立的前端,即vue.js前端項目必須是獨立的,獨立的服務,不要放beego裏的view裏做爲tpl頁面。雖然,放beego view裏的tpl經過引用vue、element、axios等彷佛能夠實現很多功能,可是很虐心,不到萬不得已不要再去嘗試,緣由之一固然是沒有任何教程和現成的案例是這樣搞的,好多東西須要去試驗。好比axios,路由啊之類。node

當獨立搭建起nodejs和vue的環境後,使用淘寶鏡像,初始化一個項目,而後各類抄網絡代碼,行如流水,很順了。mysql

獨立開發好vue.js項目後,打包後就能夠放beego裏面了。ios

部署的時候就簡單了:nginx

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.輸入路由,就能夠訪問了。golang

原理其實就是利用go語言的靜態服務功能。sql

相關文章
相關標籤/搜索