Tomcat服务器 配置 Vue cli 4 Vue router history模式

在tomcat你的app文件下面，创建一个WEB-INF文件夹，在里面创建web.xml

<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
                      http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
  version="3.0"
  metadata-complete="true">

  <display-name>webapp</display-name>
  <description>
     webapp
  </description>
  <error-page>  
   <error-code>404</error-code>  
   <location>/</location>  
</error-page>  
</web-app>

这样就可以正常使用history模式了

当404时，直接映射到默认路径，而默认路径正好就是app的入口，然后访问了入口后面路径又可以正常访问了。