关于Vue前端项目history模式部署在tomcat下：1.界面空白。2.刷新空白的问题（非404）

直接进入主题：

1. 界面空白：

这是我的router.index.js的配置：base为打包的项目名称，格式：/project_name/

 mode:'history',

  base:'/dist/',

2. 刷新空白：
   在WEB-INF目录下web.xm的l文件添加

<?xml version="1.0" encoding="UTF-8"?>
<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_4_0.xsd"
           version="4.0">
**<display-name>Router for Tomcat</display-name>
<error-page>
<error-code>404</error-code>
<location>/dist/index.html</location>
</error-page>**


</web-app>