前言
由于之前的接觸的到的管理程序都是后端代碼和前端分別打包放在锦亦,然后利用 Nginx 做代理舶替,將兩個代碼進行訪問。但是看 Soul 啟動時是直接能將前端代碼進行訪問杠园,是有什么黑魔法么顾瞪?
還是將前端代碼直接打包好放入 Soul Admin 中呢?還是有其他方法呢抛蚁?
Static 靜態(tài)文件
驗證是否含有靜態(tài)文件
查看源代碼玲昧,確實有靜態(tài)文件,
我們先驗證一下篮绿,是不是這里,刪除這塊代碼然后再啟動吕漂,果然頁面就辦法訪問了亲配。
總結(jié)
利用編譯好的前端靜態(tài)文件,減少了使用者的兩次編譯部署(前端編譯打包一次,后端代碼打包一次)的麻煩吼虎,但這樣對于前端代碼的更新犬钢,static 目錄就要隨著更新,那這樣的話思灰,soul-dashboard
的目錄不就沒什么作用了么玷犹?那他有扮演著什么樣的角色呢?
soul-dashboard 的作用
查看 soul-admin 的 pom.xml
時發(fā)現(xiàn)這么一個插件
查看 eirslett 插件的 github 地址, 介紹有這么一段話:
this plugin downloads/installs Node and NPM locally for your project
這個意思就是說洒疚,在本地執(zhí)行前端代碼的編譯的工作歹颓。安裝 npm 的教程,可以參考
安裝Node.js和npm, 如果沒安裝 npm 和 nodejs 也沒關系油湖,該插件會幫你進行安裝巍扛。
根據(jù) soul-admin 中的 pom.xml
上的注釋,我們修改項目中的 pom 文件乏德,結(jié)果如下圖所示:
再次重啟撤奸。發(fā)現(xiàn)還是無法訪問,再次查看 pom.xml
文檔喊括,發(fā)現(xiàn)前端代碼的工作目錄為:soul-dashboard
, 如下圖所示
查看源代碼中 soul-dashboard
文件胧瓜,發(fā)現(xiàn)為空。查看源代碼郑什,發(fā)現(xiàn) git 子模塊的設置府喳,如下圖所示:
使用命令 git submodule update --init --recursive
, 更新代碼,成功后如下圖所示
這個時候會很慢蹦误,要耐心等待劫拢,沒有進度條。
再次啟動强胰。又發(fā)現(xiàn)報錯了
修改如下:
注釋掉為了防止再次安裝舱沧,更改
--registry
成淘寶鏡像,加速安裝
好了偶洋,再次執(zhí)行命令mvn clean install
后發(fā)現(xiàn)熟吏,之前刪掉的文件又回來了。
為了防止每次都編譯前端代碼玄窝,可以將項目根目錄下的 pom 文件中配置
frontend.plugin.skip
修改成true
啟動程序牵寺,有可以愉快開心的玩耍了。
總結(jié):
- 一鍵打包安裝是最快的恩脂。但是自己去打包去安裝帽氓,還是能發(fā)現(xiàn)更多的知識。
-
frontend-maven-plugin
插件之前沒有用過俩块,發(fā)現(xiàn)用在管理后臺上還是很不錯的黎休。 - 遇到問題不要怕浓领,一個一個的解決唄。