Next.js 13(App Router)移动端返回按钮导航异常求助
Next.js 13 App Router + Mantine UI 移动端返回按钮异常问题
我使用Next.js 13(搭配App Router)和Mantine UI开发了一个网站,目前遇到一个仅在真实移动端设备出现的异常:
- 从移动端首页的响应式抽屉导航菜单点击绿色的Sign Up按钮跳转至仪表盘后,点击移动端系统返回按钮,页面会短暂显示首页,随即立刻重定向回仪表盘,URL也同步变回仪表盘地址
- 但通过首页的4个卡片链接跳转至仪表盘时,返回按钮功能完全正常
- 桌面端(包括浏览器的移动端响应模式)、移动端切换到桌面版本访问时均无此问题
网站已部署在Netlify:https://talentelly.netlify.app/
复现步骤
- 用真实移动端设备访问网站,点击右上角汉堡图标打开抽屉导航菜单
- 点击菜单内的绿色Sign Up按钮,跳转至仪表盘页面
- 点击移动端系统返回按钮,会立刻被重定向回仪表盘(若未立刻触发,可尝试滚动页面或进行其他页面操作)
相关截图
- 项目代码结构:

- HeaderMegaMenu组件代码:

恳请各位开发者提供排查思路或解决方案!
内容的提问来源于stack exchange,提问作者Prateik
相关产品推荐
相关产品推荐

