扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章将为大家详细讲解有关Vue项目webpack打包部署到Tomcat刷新报404错误怎么办，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
创新互联建站服务项目包括镇康网站建设、镇康网站制作、镇康网页制作以及镇康网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，镇康网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到镇康省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
遇到的问题
使用webpack打包vue后，将打包好的文件，发布到Tomcat上，访问成功，但是刷新后页面报404错。
在网上查找了一下，原来是HTML5 History 模式引发的问题，具体为什么，vue官方已经给出了解释，你可以看https://router.vuejs.org/zh-cn/essentials/history-mode.html
但是看完问题又来了，官方给出的解决方案中没有说tomcat下，怎么决解。
解决方案
根据官方给出的解决方案原理
你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。
所以在tomcat服务器下你可以这么做。在打包好的项目根目录下新建一个WEB-INF文件夹，在WEB-INF中写一个web.xml。
web.xml中写：