Springboot+React/Vue前端路由刷新，报404错误解决

最新推荐文章于 2025-05-10 16:03:38 发布

iFence

最新推荐文章于 2025-05-10 16:03:38 发布

阅读量1.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： React Java 文章标签： vue web

本文链接：https://blog.youkuaiyun.com/Vector97/article/details/114158839

Java 同时被 2 个专栏收录

24 篇文章

订阅专栏

React

5 篇文章

订阅专栏

前端路由跳转正常，但在地址栏回车刷新会报404，原因是浏览器将前端路由当作后端路由去后台请求，而后台无此路由。解决办法是在启动类中设置，当报404时跳转回登录页面，可在视觉上实现刷新正常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端路由可以跳转，但是如果在地址栏回车刷新这个路由会报404.究其原因是因为，浏览器把前端路由当做一个后端路由去后台请求，后台没有这个路由当然就会报错。

知道原因了，我们只需要在启动类中设置当报404以后让它跳转回登录页面即可。（一般由于前端做了设置，登录以后不需要再登录，所以能够跳转到所需要的位置，所以在视觉上起到了刷新没有问题的效果）

@Bean
    public WebServerFactoryCustomizer<ConfigurableWebServerFactory> webServerFactoryCustomizer(){
        return factory -> {
            ErrorPage error404Page = new ErrorPage(HttpStatus.NOT_FOUND, "/index.html");
            factory.addErrorPages(error404Page);
        };
    }