vue3中使用history路由模式线上刷新404问题

当使用tomcat发布前端项目时，需要在前端进行的配置

1. 在项目文件中新建 WEB-INF 文件夹，文件夹里新建一个 web.xml 文件， 文件中内容配置如下即可（此文件夹可放入前端项目public文件下）

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
    <display-name>your_display_name</display-name>

    <error-page>
        <error-code>404</error-code>
        <location>/index.html</location>
    </error-page>

</web-app>

2. router.js文件中需要配置

history: createWebHistory(process.env.NODE_ENV === "production" ? "/项目名称/" : "/"),