Tomcat部署vue單頁面項目


Tomcat部署vue單頁面項目

  1. 將vue項目打包,會生成一個dist文件夾
npm run build
  1. 將dist文件夾中的內容復制到Tomcat的webapps/ROOT目錄下(Tomcat默認的根目錄就是webapps/ROOT目錄)
  2. 啟動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。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM