這兩周一直在看vue和springboot的相關內容，現在已經著手在別人的肩膀上開發自己的內容，vue和springboot感覺分別都不是特別難（主要是自己學的不夠深入的緣故吧）。vue的學習筆記可參照《》；因為之前看過SSM，所以再看springboot的話，上手還是挺快的。今天主要記錄一下vue的前端開發完成后，如何整合到springboot上：

vue的項目目錄如下：

vue目錄

參考的項目地址：github上lin-xin答主

vue項目打包

首先進入項目目錄：cd 項目名
然后執行打包命令：npm run build

隨后我們的項目中會多出一個dist文件夾：如下圖

項目打包后dist文件夾

然后將dist文件夾中的所有內容放到eclipse中的src/main/resources/static文件夾里面。（eclipse中默認是沒有static文件夾的，需要你手動創建）如下圖：

eclipse中static