vue项目如何部署tomcat以及刷新404问题

1.更改config下的index.js文件里的assetsPublicPath

将‘.’改为‘./’
2.路由配置 加上
mode:‘history’,
base: ‘/你的项目名/’,

3.将 npm run bulid 打包好的 dist文件放到 webapps 目录下
此时的访问路径为 http://ip:端口/dist
能访问成功，但可能刷新 404

4.在上传到tomcat 项目的根目录下  创建WEB-INF/web.xml  
在web.xml写入

在这里插入代码片  <?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>

在刷新界面即可