更新时间: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正确处理路由。
父主题: 静态网站托管