路由测试页面
2025/8/18大约 2 分钟
路由测试页面
这个页面用于测试新的新闻和见解路由系统。
新闻路由测试
见解路由测试(独立URL)
面包屑测试
点击上面的链接,检查:
- 页面是否能正常加载
- 面包屑导航是否显示正确的路径
- 页面标题是否正确
- 布局是否正确显示
预期行为(最终版)
- 保持URL区别:
/news/${id}和/insights/${id} - 所有内容都使用统一的 NewsDetailLayout
- 根据 URL 路径自动判断内容类型并动态显示不同文字
- 新闻:显示"新闻"相关文字
- 见解:显示"见解"相关文字
- 面包屑应该显示:首页 > 新闻及见解 > [具体标题]
- 页面标题应该从API获取真实标题(如果可用)
ModelKey 路由系统(最终版)
现在系统使用 modelKey 来判断内容类型和路由:
modelKey: 'article'→/news/${id}.html路由modelKey: 'insight'→/insights/${id}.html路由
URL 区别但共享布局
- 新闻:
/news/article-123.html→ NewsDetailLayout(显示新闻文字) - 见解:
/insights/insight-456.html→ NewsDetailLayout(显示见解文字)
路由判断优先级
- URL 路径判断(最高优先级):
/insights/vs/news/ modelKey字段- 兼容
contentType字段 - 兼容
category字段(包含 'insight' 或 '见解') - 默认为
article类型
导航工具函数
使用 contentNavigation.js 中的工具函数:
navigateToContent(contentItem, defaultModelKey)getModelKey(contentItem)getContentPath(contentId, modelKey)- 根据 modelKey 生成正确的 URL
