vue webpack打包部署到tocmat帶目錄

我的想法很簡單把vue項目打包然後直接丟到tomcat裏面就能直接訪問運行了,這個想法真的不過分。

於是我運行了npm run build

node說不認識這個命令,哦我去看看package.json ,裏面這麼寫的

o ,我明白了,應該運行 npm run build:prod

打包很順利,不一會兒就出現了一個dist文件夾。紅色的,很亮

趕緊的找個tocmat找到熟悉的webapps目錄,直接把dist丟了進去,然後shutdown,startup

滿心歡喜去訪問,

額,結果是這樣的,一篇空白資源完全無法加載:

緊急詢問百度,得到答案:

vue.config.js裏面的publicPath要改成帶tomcat目錄前綴的,如圖

再試,這回首頁出來了,可是這路徑明顯不對啊,怎麼訪問的dist/index.html出來的卻少了dist呢

原來是router.js裏面要配置

注意裏面還有個mode,如果你選擇history你訪問還會遇到404,如果不嫌棄#號難看就把他去掉吧,這樣你還能看到頁面啥樣,關於怎麼使用history需要後端配合。此處不想多言。

讚賞:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章