vue.js使用webpack2打包后（包含vue-router）在tomcat上部署之后，刷新页面就会提示404

Question

在tomcat上部署之后点击页面上的链接可以正常跳转，但是刷新页面之后就变成了404错误。在本地测试的时候是没有问题的。这个问题该怎么解决？tomcat该怎么配置呢？

Answer 1

你的 vue-router 可能设置成了 history 模式。在这种模式下，你手动输入 URL 后回车，或者刷新（重启）浏览器，会发生 404 错误。

解决办法
根据 Vue-Router 官网说明，你要在 Tomcat 服务端增加一个覆盖所有情况的候选资源，这样比较暴力有效，即：无论前端请求什么 URL，后端应该始终返回 Vue 打包好的那个 index.html 页面。

Answer 2

如果 vue-router 使用了 history 模式，那么可能需要使用 nginx，或者看 tomcat 里有没有类似的配置：

https://router.vuejs.org/en/e...

或者把 vue-router 改为 hash 模式