溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了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語言的靜態服務功能。
上述內容就是beego+vue.js分離開發和結合發布以及簡單部署的示例分析，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
