Vue项目build打包部署到Tomcat后，刷新报404错误解决方案

问题描述：

一、更新依赖，并打包项目

cd /root/.jenkins/workspace/v-test;npm install
cd /root/.jenkins/workspace/v-test;npm run build

二、发布Tomcat

mv ../dist/* $tomcatpath/webapps/ROOT

三、第一次访问请求正常，刷新页面报404错误

 

怎么解决：

如果 URL 匹配不到任何静态资源，则应该返回同一个 app 依赖的index.html 页面。

在ROOT根目录下创建WEB-INF文件夹，在WEB-INF中写一个web.xml。

"1.0" encoding="UTF-8"?>
"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">
  Router for Tomcat
  
    404
    /index.html
  

这样一旦在出现404报错就返回到 index.html 页面。