Vue项目部署tomcat,刷新报错404解决办法

Posted 路过sayhi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue项目部署tomcat,刷新报错404解决办法相关的知识,希望对你有一定的参考价值。

转自【https://blog.csdn.net/g631521612/article/details/82835518】

解决方式:

- 在tocmat的webapps下的项目中创建WEB-INF文件夹,在文件夹中创建文件web.xml。格式如下:

 

 

- web.xml内容如下:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.1" metadata-complete="true">
<display-name>Router for Tomcat</display-name>
  <error-page>
  <error-code>404</error-code>
  <location>/index.html</location>
  </error-page>
</web-app>

重启,刷新,完美修复。

以上是关于Vue项目部署tomcat,刷新报错404解决办法的主要内容,如果未能解决你的问题,请参考以下文章

tomcat部署vue项目,一刷新就报404错误解决

tomcat部署vue项目,一刷新就报404错误解决

tomcat部署vue项目,一刷新就报404错误解决

解决vue项目route使用history模式,tomcat部署刷新url 404问题

vue-cli,history 与 tomcat服务器,刷新404,请求资源404,解决办法

nginx部署前端项目后刷新浏览器报错404