Spring Boot 專案如何讓前端開發提高效率?
小技巧:SpringBoot專案如何讓前端開發提高效率?
社會分工越來越細,對於工程類研發來說,全棧是越來越少了。這是時代的進步,也是個體的悲哀。
今天要分享的小技巧,或許能夠大幅提高你的開發效率。你可以用省下來的時間打個盹,瀏覽個美女寫真什麼的。
本篇文章涉及的知識點有:
眾所周知, java
專案的啟動速度就像沙子裡走路。要是你的前端模組也很大,有一大堆 node_modules
, SpringBoot
會毫不猶豫的給你打包進去。每次修改前端頁面,都需要打包才能除錯,真是等的媳婦都跑了。可惜的是, vue
、 angular
等當道,每一個都又大又肥,苦也。
Swagger
swagger
除了除錯用,還可作為線上文件使用。給前端這個東西,後端基本上就可以閉嘴了。
快速整合
swagger
配置還是有點工作量。所幸已經有了 starter
封裝。
首先, pom.xml
裡放入
然後, application.yml
裡放入
最後, App.java
中加入註解
三部曲完成以後,訪問 http://{ip}:{port}/{contextPath}/swagger-ui.html
,就可以看到介面
好看一點
swagger
改版後,顏值很低。我們嘗試來改變它。
這裡推薦兩個介面。都是引入相應的jar包即可,不需要有任何其他改動。
swagger-ui-layer
swagger-bootstrap-ui
至於種草哪一個,看你嘍。
Nginx
nginx
才是本文的重點。主要是去做路由,方便你在 本地除錯
。哪怕服務端部署在其他環境。
本地啟動一個 nginx
,加幾行配置就OK了
稍微解釋一下。
-
訪問
/
時,預設去找服務端的rest請求 -
訪問前端頁面時,指向本地的靜態檔案目錄
是不是想大呼一聲:臥槽,這麼簡單。對,就是這麼簡單!在後端解決跨域問題前,你甚至能將後端多個專案揉在一起。
其他
有同學反映有大量js在專案裡的時候。開啟Idea,會非常的慢。原因就是你的Idea在索引你的js檔案。只要把靜態目錄排除掉就可以了。 這裡這裡