[Docs]: 访问examples下不存在的二级页面，会显示空白页

[typenoob]

📍 Which page are you reading?

https://g6.antv.antgroup.com/examples/scene-case/none-exist

💭 What's on your mind?

Example needs fixing / 示例需要修复

🤔 Tell us more

• 打开 https://g6.antv.antgroup.com/examples/scene-case/none-exist 会显示空白页，用户体验不好
• 打开 https://g6.antv.antgroup.com/examples/none-exist 会显示404页，符合预期
• https://g6.antv.antgroup.com/examples下的所有二级页面都有这个问题，如
  • https://g6.antv.antgroup.com/examples/feature/none-exist
  • https://g6.antv.antgroup.com/examples/scene-case/none-exist
  • https://g6.antv.antgroup.com/examples/element/none-exist

💡 Got any suggestions?

• 打开 https://g6.antv.antgroup.com/examples/scene-case/none-exist 也应该显示404页

[github-actions]

@typenoob 您好！以下是关于您问题的自动回复：

感谢您的反馈和详细描述！

问题分析

您指出，访问 G6 官网 /examples 下的某些不存在的二级页面（如 /examples/scene-case/none-exist）会出现空白页，而不是标准的 404 页面。相比之下，访问 /examples/none-exist 能正确显示 404 页面。该现象会对用户体验造成困扰，尤其是当用户误输入或链接错误时。

建议与解决方案

• 建议将 /examples 路由下所有不存在的二级页面（如 /examples/scene-case/none-exist、/examples/feature/none-exist 等）统一跳转或渲染为 404 页面，保持与主路由一致的错误处理体验。
• 可以通过完善前端路由配置或在后端做兜底处理来实现。常见做法包括在路由守卫中检测页面是否存在，若不存在则渲染 404 组件。

参考实现（伪代码示例）

// 以 React Router 为例
<Route path="/examples/:category/:page" element={<ExamplePage />} />
<Route path="*" element={<NotFoundPage />} />

在 ExamplePage 组件中判断页面是否存在，若不存在则跳转/渲染 404：

if (!pageExists) {
  return <NotFoundPage />;
}

用户体验提升

• 统一错误页面样式，有助于用户快速识别访问错误，减少困惑。
• 可在 404 页面添加返回首页或目录的按钮，进一步提升易用性。

---

如果需要进一步的技术支持或有其他建议，欢迎继续反馈！期待您的持续关注和宝贵意见。

---

此回复由 AI 助手自动生成。如有任何问题，我们的团队会尽快跟进。

[yvonneyx]

issue 已转到对应仓库，为了提升用户访问提问，将排期修改，感谢反馈~