這個(gè)需求不知道是不是合適，因?yàn)殪o態(tài)的vuejs項(xiàng)目，用nginx部署，聽(tīng)說(shuō)很快。

一般有這個(gè)需求的，都是用tomcat來(lái)部署java項(xiàng)目，tomcat轉(zhuǎn)發(fā)靜態(tài)vuejs，應(yīng)該不會(huì)很快。

好吧，以上都是聽(tīng)說(shuō)。。。應(yīng)該。。。實(shí)際嘛？。。。

廢話不多講，馬上搞起。

這里第一句要說(shuō)的是，目前這個(gè)方式我認(rèn)為只支持#這個(gè)方式的路由，如果改成了html5的mode: 'history'，應(yīng)該是不支持的。

開(kāi)始準(zhǔn)備：

注意，我的springboot用的視圖模板是thymeleaf，靜態(tài)文件夾路徑默認(rèn)是resources/static/，我們目的就是要把dist這個(gè)打包好的文件夾，整個(gè)放進(jìn)去這里。

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

2.執(zhí)行npm run build，會(huì)出現(xiàn)一個(gè)dist文件夾在vuejs項(xiàng)目目錄里。

3.把這個(gè)dist文件夾copy到springboot的resources/static/,記住，是整個(gè)dist連文件夾一起copy過(guò)來(lái)。

OK，搞掂。就是這么簡(jiǎn)單。

訪問(wèn)localhost/dist/index.html/#/就可以

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

總結(jié)

以上所述是小編給大家介紹的如何把vuejs打包出來(lái)的文件整合到springboot里，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持！