修复播放失败的问题
广告
{{v.name}}
📋 原始需求（task.md）：

在点击播放按钮后无法播放，报错如下：Failed to load resource: the server responded with a status of 404 (Not Found) http://127.0.0.1:5500/api/clips/2eb11e2945db4ab09666f90da0a09c48

修复点击播放按钮后无法播放、浏览器控制台报 404 的问题：页面在 Live Server（5500 端口）下运行时，后端返回的片段地址是相对路径 /api/clips/xxx，浏览器把它发到 127.0.0.1:5500，而该端口没有这个接口，导致 404。把片段地址拼成指向 8030 后端的绝对地址后即可正常播放和下载。

实现要点
  • 问题定位：片段 URL 是相对路径，Live Server（5500 端口）下请求被发到 127.0.0.1:5500 而返回 404
  • 修复：requestCut 中把后端返回的 data.url 拼上 API 基础地址 http://localhost:8030，得到绝对地址
  • clipUrl 与 audio.src 都指向 8030 后端的 /api/clips/xxx，播放和下载均恢复正常
  • 后端 FastAPI 服务（端口 8030）需处于运行状态
友链