404 Hubo un problema Vue página en blanco cuestión de refresco

404 Hubo un problema Vue página en blanco cuestión de refresco

razón

Modo problema HTML5 Historia provocada por específica por la cual, se ha dado una explicación oficial Vue, de conformidad con los principios de la solución propuesta por el oficial, un recurso candidatos para aumentar la cobertura en todos los casos del servidor: Si la URL coincide con ningún recurso estático, usted debe devolver la misma página index.html, que depende de la página de la aplicación. detalles https://router.vuejs.org/zh/guide/essentials/history-mode.html

soluciones

1. En Tomcat servidor de envasado a un nuevo directorio raíz carpeta WEB-INF proyecto web

2. Escribir un archivo web.xml en el directorio WEB-INF

3. En el web.xml añadir el siguiente código, guarde el documento, Tomcat reinicio

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

4. Por último, también es necesario configurar la ruta proyecto web, configurar una ruta que cubre todas las situaciones, y luego dan una página 404.