fix(viral-video) P0: 修复GET /models响应包装导致页面白屏，数组操作加防御 #2163

Merged

xiaoxia merged 1 commits from fix/viral-video-p0-models-api-wrapper into develop 2026-10-03 20:42:11 +08:00

Conversation 4 Commits 1 Files Changed 3

+53 -20

xiaoxia commented 2026-10-03 19:35:26 +08:00

Owner

Copy Link

Copy Source

P0 白屏根因

后端 GET /api/v1/viral-video/models 返回 {"models": [...]} 包装对象，前端 getViralVideoModels() 声明返回 ViralVideoModel[] 直接把 r.data 当数组使用，useEffect 里 list.some(...) 在对象上调用抛 TypeError: s.some is not a function，页面在初始化阶段崩溃。

修复

1. 新增 ViralVideoModelsResponse 类型，getViralVideoModels() 泛型改为该类型，解析时兼容数组/包装两种返回（.then 里做 Array.isArray 判断，兜底空数组）
2. 模型加载 useEffect：对 list、def.supported_resolutions 加 Array.isArray 防御
3. 模型选择器 onChange：m.supported_resolutions 加防御兜底 ["480p","720p","1080p"]；m.max_duration 加 typeof number 守卫
4. 清晰度 Select：curM?.supported_resolutions 加 Array.isArray 守卫
5. options 渲染：filter 掉非对象空项，label fallback 到 m.key

验证

• tsc --noEmit: 0 errors
• vite build: success (ViralVideoPage-BVgeScOq.js)
• staging 实测 /api/v1/viral-video/models 返回 {models:[...]} 格式，本修复已按此解析

紧急 P0，请求尽快 review + 合入。

## P0 白屏根因 后端 GET /api/v1/viral-video/models 返回 {"models": [...]} 包装对象，前端 getViralVideoModels() 声明返回 ViralVideoModel[] 直接把 r.data 当数组使用，useEffect 里 list.some(...) 在对象上调用抛 TypeError: s.some is not a function，页面在初始化阶段崩溃。 ## 修复 1. 新增 ViralVideoModelsResponse 类型，getViralVideoModels() 泛型改为该类型，解析时兼容数组/包装两种返回（.then 里做 Array.isArray 判断，兜底空数组） 2. 模型加载 useEffect：对 list、def.supported_resolutions 加 Array.isArray 防御 3. 模型选择器 onChange：m.supported_resolutions 加防御兜底 ["480p","720p","1080p"]；m.max_duration 加 typeof number 守卫 4. 清晰度 Select：curM?.supported_resolutions 加 Array.isArray 守卫 5. options 渲染：filter 掉非对象空项，label fallback 到 m.key ## 验证 - tsc --noEmit: 0 errors - vite build: success (ViralVideoPage-BVgeScOq.js) - staging 实测 /api/v1/viral-video/models 返回 {models:[...]} 格式，本修复已按此解析 紧急 P0，请求尽快 review + 合入。

xiaoxia added 1 commit 2026-10-03 19:35:27 +08:00

fix(viral-video) P0: 修复GET /models响应包装导致页面白屏，数组操作加防御 ... e5cdb93c78

根因：后端 GET /api/v1/viral-video/models 返回 {"models": [...]} 包装对象，
前端 getViralVideoModels() 声明返回 ViralVideoModel[] 并在 .then 直接对 r.data 调 .some()，
实际 r.data 是对象而非数组，导致 TypeError: s.some is not a function 白屏。

修复：
- 新增 ViralVideoModelsResponse 类型
- getViralVideoModels() 改为泛型 ViralVideoModelsResponse，解析时兼容数组/包装两种返回
- 模型加载 useEffect：list/supported_resolutions 加 Array.isArray 防御
- 模型切换 onChange：m.supported_resolutions 加防御兜底 [480p,720p,1080p]
- 清晰度 Select 过滤池：curM?.supported_resolutions 加 Array.isArray 守卫
- options 渲染：filter 掉非对象空项，label fallback 到 key
- max_duration 加 typeof === 'number' 防御

auto-approve-bot approved these changes 2026-10-03 19:37:11 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot approved these changes 2026-10-03 19:37:11 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

gitea-actions bot commented 2026-10-03 19:38:37 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

项目	详情
PR号	#2163
预览链接	https://pr-2163.preview.xiaoxiajianji.com
API环境	staging

💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。

🔄 每次提交新代码后预览环境会自动更新。

🗑️ PR 关闭或合并后，预览环境会自动清理。

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #2163 | | 预览链接 | [https://pr-2163.preview.xiaoxiajianji.com](https://pr-2163.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。

xiaoxia merged commit f0d46b44d7 into develop 2026-10-03 20:42:11 +08:00

gitea-actions bot commented 2026-10-03 20:44:21 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

PR #2163 已关闭或合并，对应的预览环境已被清理。

如有需要，可以重新打开 PR 来重新生成预览环境。

🗑️ **预览环境已清理** PR #2163 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。

Sign in to join this conversation.

Reviewers

No Reviewers

auto-approve-bot

Labels

Clear labels

architecture

架构设计

backend

后端相关

blocked

阻塞中

bug

Bug修复

ci-bug

CI本身的bug

ci-optimization

CI优化类任务

ci-pipeline

CI流水线/workflow相关

cleanup

代码清理

devops

运维/部署/CI

documentation

文档相关

feature

新功能

frontend

前端相关

P0

阻塞性，必须立即处理

P1

高优先级

P2

中优先级

P3

低优先级/后考虑

question

需要讨论确认

ready

PR CI通过，可合并

refactor

代码重构

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

auto-approve-bot frontend-dev xiaoxia

No Assignees

3 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#2163