這個需求不知道是不是合適，因為靜態的vuejs項目，用nginx部署，聽說很快。

一般有這個需求的，都是用tomcat來部署java項目，tomcat轉發靜態vuejs，應該不會很快。

好吧，以上都是聽說。。。應該。。。實際嘛？。。。

廢話不多講，馬上搞起。

這里第一句要說的是，目前這個方式我認為只支持#這個方式的路由，如果改成了html5的mode: 'history'，應該是不支持的。

開始準備：

注意，我的springboot用的視圖模板是thymeleaf，靜態文件夾路徑默認是resources/static/，我們目的就是要把dist這個打包好的文件夾，整個放進去這里。

1.修改vuejs的config/index.js,在里面找到assetsPublicPath，改為/dist/,記住，是build:{}這里的，不是上面dev:{}的。

2.執行npm run build，會出現一個dist文件夾在vuejs項目目錄里。

3.把這個dist文件夾copy到springboot的resources/static/,記住，是整個dist連文件夾一起copy過來。

OK，搞掂。就是這么簡單。

訪問localhost/dist/index.html/#/就可以

PS:本人對webpack不熟悉，按理，只要修改上圖中的assetsRoot，可以直接build到最終路徑，不用手動copy那么麻煩

總結

以上所述是小編給大家介紹的如何把vuejs打包出來的文件整合到springboot里，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

本條技術文章來源于互聯網，如果無意侵犯您的權益請點擊此處反饋版權投訴

本文系統來源：php中文網

總結

以上是生活随笔為你收集整理的vue打包放到Java项目里_如何把vuejs打包出来的文件整合到springboot里的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。