SpringBoot項目如何讓前端開發提高效率？

本篇文章涉及的知識點有：

Swagger 為了文檔

Nginx 為了效率

眾所周知， java項目的啟動速度就像沙子里走路。要是你的前端模塊也很大，有一大堆 node_modules， SpringBoot會毫不猶豫的給你打包進去。每次修改前端頁面，都需要打包才能調試，真是等的媳婦都跑了。可惜的是， vue、 angular等當道，每一個都又大又肥，苦也。

Swagger

swagger除了調試用，還可作為在線文檔使用。給前端這個東西，後端基本上就可以閉嘴了。

快速集成

swagger配置還是有點工作量。所幸已經有了 starter封裝。

首先， pom.xml 里放入

com.spring4allswagger-spring-boot-starter1.7.1.RELEASE

然後， application.yml 里放入

swagger: title: ${artifactId} version: @version@ contact: name: 小姐姐味道 email: xiaojiejie@sayhiai.com base-package: com.sayhiai.controller base-path: /** exclude-path: /error, /ops/**

最後, App.java中加入註解

@EnableSwagger2Doc@Slf4jpublic class App extends SpringBootServletInitializer { public static void main(String[] args) { SpringApplication.run(App.class, args); }

三部曲完成以後，訪問 http://{ip}:{port}/{contextPath}/swagger-ui.html ，就可以看到界面

好看一點

swagger改版後，顏值很低。我們嘗試來改變它。

這裡推薦兩個界面。都是引入相應的jar包即可，不需要有任何其他改動。

swagger-ui-layer

com.github.caspar-chenswagger-ui-layer${last-version}

swagger-bootstrap-ui

com.github.xiaoyminswagger-bootstrap-ui1.7

至於種草哪一個，看你嘍。

Nginx

nginx才是本文的重點。主要是去做路由，方便你在 本地調試。哪怕服務端部署在其他環境。

本地啟動一個 nginx，加幾行配置就OK了

server { listen 80; location / { proxy_pass http://192.168.3.227:11057/; } location /static/ { alias /codes/devops-publish-webapp/src/main/resources/static/; }

稍微解釋一下。

訪問 /時，默認去找服務端的rest請求

訪問前端頁面時，指向本地的靜態文件目錄

是不是想大呼一聲：卧槽，這麼簡單。對，就是這麼簡單!在後端解決跨域問題前，你甚至能將後端多個項目揉在一起。

其他

有同學反映有大量js在項目里的時候。打開Idea，會非常的慢。原因就是你的Idea在索引你的js文件。只要把靜態目錄排除掉就可以了。 這裡這裡

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！