golang,beego+vue.js結合使用,超簡單發布,超簡單部署
小編:管理員 173閱讀 2022.08.19
大家知道,golang開發的東西部署簡單是它很大的賣點,但是當vue.js出現后,前端幾乎都是它的天下了,因為用了vue.js就回不去了,無法再回到beego的view里寫tpl或html頁面了,很受傷,沒辦法,vue.js實在太方便了,所謂雙向綁定,這是神馬概念,百度吧,我也講不清楚……
之前很懵逼,將vue.js開發的前端,完完全全獨立地部署在云上(用nginx,配置一堆,完全沒必要),很傻很傻,其實,將打包的東西放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語言的靜態服務功能。
相關推薦
- Vue3(二)工程化開發方式做項目 工程化的開發方式這是開發中、大型項目的必備技能,網上資料也很多,這里只是一個簡單的綜合性的介紹。包括vue的全家桶、建立項目的幾種方式、UI庫的簡單使用等?梢院蜕弦黄腸nd方式做項目做一下對比。node.js,npm、cnpm、yarnnode.js執行 npm run serve ,…
- Hibernate Criterion 在查詢方法設計上能夠靈活的依據Criteria的特點來方便地進行查詢條件的組裝.Hibernate設計了CriteriaSpecification作為Criteria的父接口,以下提供了Criteria和DetachedCriteria.Criteria和DetachedCriteria的主要差別在于創建的形式不一樣,Criteria是在線的,所…