vue+springboot項目整合

這兩周一直在看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即可。
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容