React Router Dom的Link组件点击后不再发起后端请求问题

核心原因 #

React Router Dom 是为单页应用（SPA）设计的路由库，它的Link组件本质是客户端路由跳转：

• 首次加载页面时，浏览器会向后端请求完整的HTML资源；
• 后续点击Link时，它仅通过浏览器的History API修改URL，同时触发React组件的状态更新，渲染对应的页面内容，不会再向后端发起页面请求——这是SPA的核心特性，目的是提升页面切换流畅度，避免整页刷新。

你看到的304状态favicon.ico请求，只是浏览器对网站图标缓存的校验，和路由跳转无关。

解决方案（若需触发后端请求） #

如果业务场景要求每次点击都发起后端请求，不要用Link组件，改用以下方式：

• 使用原生HTML <a> 标签，直接指定href属性；
• 在点击事件中手动调用 window.location.href = '目标路径'，强制触发浏览器整页跳转；
• 若允许新窗口打开，给Link组件添加target="_blank"属性。

官方文档参考 #

React Router的客户端路由机制在官方文档「Client-Side Routing」章节有详细说明，核心逻辑就是通过客户端路由避免整页刷新，仅更新页面需变化的部分。

内容的提问来源于stack exchange，提问作者ldhoax