vue-cli4版本 url去#号 tomcat部署

vue-cli4版本 url去#号 tomcat部署

最近公司网站需要去#号， 但放到线上服务器会报404。网上找了一圈都是老版本的解决方式。以下是4.5.0版本的解决方式：

1、修改router和vue.config.js配置

const router = new VueRouter({
  mode: 'history',  // history模式
  base: '/dist/',   // 页面都在dist文件夹下
  routes
})

module.exports = {
  publicPath: '/dist'  // 和上面的base统一
}

2、准备一个WEB-INF文件夹 放到打包后的dist文件夹内

内部是一个web.xml文件

<?xml version="1.0" encoding="ISO-8859-1"?>
<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_3_0.xsd"
  version="3.0"
  metadata-complete="true">

  <display-name>webapp</display-name>
  <description>
     webapp
  </description>
  <error-page>  
   <error-code>404</error-code>  
   <location>/</location>  
</error-page>  
</web-app>