這個需求不知道是否是合適,由於靜態的vuejs項目,用nginx部署,據說很快。
通常有這個需求的,都是用tomcat來部署java項目,tomcat轉發靜態vuejs,應該不會很快。html
好吧,以上都是據說。。。應該。。。實際嘛?。。。vue
廢話很少講,立刻搞起。
這裏第一句要說的是,目前這個方式我認爲只支持#
這個方式的路由,若是改爲了html5
的mode: 'history'
,應該是不支持的。html5
開始準備:
注意,個人springboot
用的視圖模板是thymeleaf
,靜態文件夾路徑默認是resources/static/
,咱們目的就是要把dist
這個打包好的文件夾,整個放進去這裏。java
1.修改vuejs的config/index.js
,在裏面找到assetsPublicPath
,改成/dist/
,記住,是build:{}
這裏的,不是上面dev:{}
的。webpack
2.執行npm run build
,會出現一個dist
文件夾在vuejs項目目錄裏。
3.把這個dist
文件夾copy到springboot
的resources/static/
,記住,是整個dist
連文件夾一塊兒copy過來。nginx
OK,搞掂。就是這麼簡單。
訪問localhost/dist/index.html/#/
就能夠web
PS:本人對webpack
不熟悉,按理,只要修改上圖中的assetsRoot
,能夠直接build到最終路徑,不用手動copy那麼麻煩spring