你們知道,golang開發的東西部署簡單是它很大的賣點,可是當vue.js出現後,前段幾乎都是它的天下了,由於用了vue.js就回不去了,沒法再回到beego的view裏寫tpl或html頁面了,很受傷,沒辦法,vue.js實在太方便了,所謂雙向綁定,這是神馬概念,百度吧,我也講不清楚……html

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

本身的認識:vue

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

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

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

部署的時候就簡單了:git

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

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

在線demonpm