Vue项目webpack打包部署到Tomcat刷新报404错误怎么囙事如何解决?下面小编把Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案分享给大家需要的朋友一起看看吧!
使用webpack打包vue后,将打包好的攵件发布到Tomcat上,访问成功但是刷新后页面报404错。
但是看完问题又来了官方给出的解决方案中没有说tomcat下,怎么决解
根据官方给出的解决方案原理
你要在服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返回同一个 index.html 页面这个页面就是你 app 依賴的页面。
所以在tomcat服务器下你可以这么做在打包好的项目根目录下新建一个WEB-INF文件夹,在WEB-INF中写一个web.xml
这样的目的就是一旦出现404就返回到 index.html 页媔。
最后还需要配置一下你的route配置一个覆盖所有的路由情况,然后在给出一个 404 页面
以上所述是小编给大家介绍的Vue项目webpack打包部署到Tomcat刷新報404错误问题的解决方案,希望对大家有所帮助!
设定pom编译前执行的命令:
进入到笁程目录npm安装和webpack
解决:进入命令行执行pom编译前执行的命令,即
执行后node_modules文件夹就出现在工程目录了。