Vue在Tomcat部署下二级页面刷新404问题

解决：在 webapps 文件下添加如下目录

  在目录中填加文件

  在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>

 

  解决了二级刷新的页面，但是缺少了404页面。所以在 router 配置中需要添加

{
    path: '*',
    component: (resolve) => require(['@/page/error/404'], resolve)
}