vue项目如何部署到Tomcat中


1,假设你要访问的项目名称为‘hms’

2,在Tomcat的webapps下创建hms文件夹,

3,配置config/index.js文件,设置assetsPublicPath: '/hms/'

    (解释:这里改为这个配置之后,最后编译产生的index.html中相关路径也会带上‘/hms’,不会报404的错误了)

4,在项目运行“npm run build:prod”命令,生成dist文件夹,dist文件夹中包含static和index.html

5,将dist文件夹中static和index.html复制到Tomcat中webapps的hms文件夹中

6,启动Tomcat,ip:port/hms,例如:http://localhost:8081/hms/即可访问到Vue项目。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM