- 设计内容页面,通过点击列表标题打开。
- 打开带有方括号ID的内容页面组件post。
- 使用use runtime config解构配置,并提取a p i base u r l。
- 用a p i base u r l请求图像和内容数据。
- API fetch的类型是post请求,接口地址是post + ID。
- 结果中data重命名为post。
- 组件模板含head和title,绑定输出post标题。
- 图像元素样式设置为宽度100%,绑定src。
- 图像路径模板由a p i base u r o和files组成,加上post file i d和size查询。
- 内容下方为显示标题h1,绑定输出post的title。
- 正文内容在一组div中,绑定输出post content。
- 添加一组显示作者名字的diff小横线。
- 浏览器可预览内容页面,显示图像、标题、正文和作者名字。