路由测试页面
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