vue+ Tomcat 使用history模式打包后无法加载router-view，空白，点击任意链接无法找到文件。Tomcat部署Vue router History 模式

问题解释：

在Vue项目中使用history模式进行路由管理时，当项目被打包并部署到Tomcat服务器上，可能会遇到路由不生效的问题。这是因为Tomcat默认不支持HTML5的history模式，当使用Vue Router的history模式时，例如直接通过地址栏访问某个路径，Tomcat会尝试寻找对应的文件而找不到，从而导致页面空白或404错误。

解决方法：

1. 使用Vue CLI 3或更高版本创建的项目，可以在vue.config.js文件中配置publicPath和base来解决这个问题。

   
   
   
   // vue.config.js
   module.exports = {
     publicPath: '/your-app-context-path/', // 应用的部署路径
     base: 'your-app-context-path/', // 应用的基本URL
   }

2. 确保Tomcat服务器配置正确，可以处理SPA（单页应用）的路由。对于Tomcat 8及以上版本，可以使用org.apache.catalina.webresources.JarResourceSet和org.apache.catalina.webresources.FileResourceRoot来配置。

3. 修改Tomcat的web.xml文件，添加一个<servlet>和<servlet-mapping>配置，将所有路径都映射到你的Vue应用的入口文件。

   
   
   
   <servlet>
     <servlet-name>vueapp</servlet-name>
     <servlet-class>org.apache.catalina.servlets.DefaultServlet</servlet-class>
     <init-param>
       <param-name>debug</param-name>
       <param-value>0</param-value>
     </init-param>
     <init-param>
       <param-name>listings</param-name>
       <param-value>true</param-value>
     </init-param>
     <load-on-startup>1</load-on-startup>
   </servlet>
   <servlet-mapping>
     <servlet-name>vueapp</servlet-name>
     <url-pattern>/</url-pattern>
   </servlet-mapping>

4. 如果你不想修改Tomcat配置，可以在Vue项目中使用hash模式代替history模式。

   
   
   
   // router/index.js
   export default new Router({
     mode: 'hash',
     routes: [
       // ...
     ]
   });

以上方法可以解决在Tomcat中使用Vue Router history模式时遇到的空白页和404问题。