把vuejs打包出來的文件整合到springboot裏

這個需求不知道是否是合適,由於靜態的vuejs項目,用nginx部署,據說很快。
通常有這個需求的,都是用tomcat來部署java項目,tomcat轉發靜態vuejs,應該不會很快。html

好吧,以上都是據說。。。應該。。。實際嘛?。。。vue


廢話很少講,立刻搞起。
這裏第一句要說的是,目前這個方式我認爲只支持#這個方式的路由,若是改爲了html5mode: 'history',應該是不支持的。html5

開始準備:
注意,個人springboot用的視圖模板是thymeleaf,靜態文件夾路徑默認是resources/static/,咱們目的就是要把dist這個打包好的文件夾,整個放進去這裏。java

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

clipboard.png

2.執行npm run build,會出現一個dist文件夾在vuejs項目目錄裏。
3.把這個dist文件夾copy到springbootresources/static/,記住,是整個dist連文件夾一塊兒copy過來。nginx


OK,搞掂。就是這麼簡單。
訪問localhost/dist/index.html/#/就能夠web


PS:本人對webpack不熟悉,按理,只要修改上圖中的assetsRoot,能夠直接build到最終路徑,不用手動copy那麼麻煩spring

相關文章
相關標籤/搜索