Tomcat部署vue單頁面項目
- 將vue項目打包,會生成一個dist文件夾
npm run build
- 將dist文件夾中的內容復制到Tomcat的webapps/ROOT目錄下(Tomcat默認的根目錄就是webapps/ROOT目錄)
- 啟動Tomcat,瀏覽器訪問
http://localhost:8080/
即可
注意:
由於npm run build
打包生成的index.html文件中,引入的css和js都是基於根目錄的,
像這樣<script src=/js/app.a9514e70.js></script>
,
所以不能將dist文件夾中的內容放到webapps目錄的其它文件夾下,然后通過 http://localhost:8080/文件夾名稱/
訪問,
因為這樣無法導入css和js。