soul 網(wǎng)關入門篇(二):搭建篇(續(xù))

前言

由于之前的接觸的到的管理程序都是后端代碼和前端分別打包放在锦亦,然后利用 Nginx 做代理舶替,將兩個代碼進行訪問。但是看 Soul 啟動時是直接能將前端代碼進行訪問杠园,是有什么黑魔法么顾瞪?
還是將前端代碼直接打包好放入 Soul Admin 中呢?還是有其他方法呢抛蚁?

Static 靜態(tài)文件

驗證是否含有靜態(tài)文件

查看源代碼玲昧,確實有靜態(tài)文件,


static

我們先驗證一下篮绿,是不是這里,刪除這塊代碼然后再啟動吕漂,果然頁面就辦法訪問了亲配。


訪問頁面

總結(jié)

利用編譯好的前端靜態(tài)文件,減少了使用者的兩次編譯部署(前端編譯打包一次,后端代碼打包一次)的麻煩吼虎,但這樣對于前端代碼的更新犬钢,static 目錄就要隨著更新,那這樣的話思灰,soul-dashboard 的目錄不就沒什么作用了么玷犹?那他有扮演著什么樣的角色呢?

soul-dashboard 的作用

查看 soul-admin 的 pom.xml 時發(fā)現(xiàn)這么一個插件

erislett插件

查看 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é)果如下圖所示:

image.png

再次重啟撤奸。發(fā)現(xiàn)還是無法訪問,再次查看 pom.xml 文檔喊括,發(fā)現(xiàn)前端代碼的工作目錄為:soul-dashboard, 如下圖所示

工作目錄為 soul-dashboard

查看源代碼中 soul-dashboard 文件胧瓜,發(fā)現(xiàn)為空。查看源代碼郑什,發(fā)現(xiàn) git 子模塊的設置府喳,如下圖所示:

前端子模塊代碼

使用命令 git submodule update --init --recursive, 更新代碼,成功后如下圖所示

更新子模塊

這個時候會很慢蹦误,要耐心等待劫拢,沒有進度條。

再次啟動强胰。又發(fā)現(xiàn)報錯了


npm報錯

修改如下:

pom.xml

注釋掉為了防止再次安裝舱沧,更改 --registry 成淘寶鏡像,加速安裝

好了偶洋,再次執(zhí)行命令mvn clean install后發(fā)現(xiàn)熟吏,之前刪掉的文件又回來了。

static 中的文件

為了防止每次都編譯前端代碼玄窝,可以將項目根目錄下的 pom 文件中配置 frontend.plugin.skip 修改成 true
啟動程序牵寺,有可以愉快開心的玩耍了。

總結(jié):

  1. 一鍵打包安裝是最快的恩脂。但是自己去打包去安裝帽氓,還是能發(fā)現(xiàn)更多的知識。
  2. frontend-maven-plugin 插件之前沒有用過俩块,發(fā)現(xiàn)用在管理后臺上還是很不錯的黎休。
  3. 遇到問題不要怕浓领,一個一個的解決唄。
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末势腮,一起剝皮案震驚了整個濱河市联贩,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌捎拯,老刑警劉巖泪幌,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異署照,居然都是意外死亡祸泪,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進店門藤树,熙熙樓的掌柜王于貴愁眉苦臉地迎上來浴滴,“玉大人,你說我怎么就攤上這事岁钓∩裕” “怎么了?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵屡限,是天一觀的道長品嚣。 經(jīng)常有香客問我,道長钧大,這世上最難降的妖魔是什么翰撑? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮啊央,結(jié)果婚禮上眶诈,老公的妹妹穿的比我還像新娘。我一直安慰自己瓜饥,他們只是感情好逝撬,可當我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著乓土,像睡著了一般宪潮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上趣苏,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天狡相,我揣著相機與錄音,去河邊找鬼食磕。 笑死尽棕,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的彬伦。 我是一名探鬼主播滔悉,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼蟀悦,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了氧敢?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤询张,失蹤者是張志新(化名)和其女友劉穎孙乖,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體份氧,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡唯袄,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了蜗帜。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片恋拷。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖厅缺,靈堂內(nèi)的尸體忽然破棺而出蔬顾,到底是詐尸還是另有隱情,我是刑警寧澤湘捎,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布诀豁,位于F島的核電站,受9級特大地震影響窥妇,放射性物質(zhì)發(fā)生泄漏舷胜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一活翩、第九天 我趴在偏房一處隱蔽的房頂上張望烹骨。 院中可真熱鬧,春花似錦材泄、人聲如沸沮焕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽遇汞。三九已至,卻和暖如春簿废,著一層夾襖步出監(jiān)牢的瞬間空入,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工族檬, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留歪赢,地道東北人。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓单料,卻偏偏與公主長得像埋凯,于是被迫代替她去往敵國和親点楼。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容