這兩周一直在看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
最后就是重啟springboot,訪問http:localhost:8088即可。