文档首页/ 对象存储服务 OBS/ 常见问题/ 静态网站托管/ 前端Vue框架中当路由模式使用History模式时,刷新页面出现404如何解决?
更新时间:2026-09-14 GMT+08:00

前端Vue框架中当路由模式使用History模式时,刷新页面出现404如何解决?

前端Vue框架有两种路由模式:Hash模式和History模式。Hash模式(URL示例:example.com/#/user)不需要服务器配置,History模式(URL示例:example.com/user)更美观但需要服务器配置。

问题现象:History模式下,当用户直接访问非首页面(如:example.com/user)时,服务器会查找对应物理文件(/user),不存在,返回404。

解决办法:配置静态网站托管时,将“默认404错误页面”配置为“index.html”这样当访问或刷新非首页面不存在时,所有路径均会被重定向至应用首页面,由前端JavaScript正确处理路由。