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