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

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

回答:

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

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

回答:

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

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

或者把 vue-router 改为 hash 模式

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注