使用vue2.0构建项目发布上线之后,如果使用默认的hash模式,地址栏上有个#号,看着很丑,看官网文档说使用history模式可以去掉#,但是问题来了,在tomcat上运行页面使,路由地址都是虚拟地址,直接访问找不到,会报404错误,需要后台配合配置,问题又来了,官网没有给出tomcat怎么配置,四处搜索找到了成功方案,记下来,不能忘了

1.在tomcat下conf文件夹加下找到web.xml

2.修改web.xml文件,添加代码

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