我的想法很簡單把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需要後端配合。此處不想多言。
讚賞: