1. 程式人生 > >vue-cli構建的專案整合釋出到tomcat介面伺服器中

vue-cli構建的專案整合釋出到tomcat介面伺服器中

最近乘放假時間用基於vued的UI框架iView + java的ssm 開發一個單頁面電商後端管理系統,目前初見成效(才完成20%哭,還需堅持),便想著先放到本地eclipse伺服器,以下是部署經驗,希望可以幫到大家,哪裡寫得有問題歡迎咋來指正奮鬥

1專案資料夾結構

找到相應位置修改生成css等檔案的訪問路徑,就進入vue專案執行npm run dev,打包生成的檔案預設放在dist目錄



2把vue專案中的static資料夾複製黏貼到java web專案的dist目錄下

因為預設不打包static下的檔案,static通常放非vue框架的外掛,我這裡用到了jsp版本的ueditor框架


3把打包生成的dist資料夾複製黏貼到java web專案的WebContent或者webapp目錄

然後啟動eclipse的tomcat,訪問dist/index.html即可,這裡注意404問題,如果訪問路徑沒錯,可能是專案在web.xml檔案中設定攔截所有請求


解決只需要開放相應的請求即可(參考


順利的話,啟動tomcat,訪問http://localhost:8072/dist/index.html就能訪問到專案