如何mock图片、视频生成（为了跑通闭环）

写在前面

由于在开发阶段自测：AI生成图片、生成视频 也需要消耗第三方API Token（费钱），现在增加mock参数，省略掉AI生成图片、生成视频调用第三方这一步，直接返回给你一个固定图片和视频，为了能让你全流程闭环测试

实操

1、首页选择下图中任何一个

2、在连接后面增加?mock=1开启mock模式

例如：
http://localhost:3000/ai-image-generator?mock=1

3、注意：除了生成的图片或者视频是固定配置的，其他都是和正常一样，所以你的账户需要有积分同时需要在Admin后台配置R2、生图/生视频使用的AI Key

生成的图片或者视频是固定配置在/src/config/index.ts
可以改，也可以不改

// mock的生成视频url
mock_video_url: 
    process.env.MOCK_VIDEO_URL ??
    'https://img-template-ai-video.16781678.xyz/uploads/video/dog-olympics.mp4',
// mock的生成图片url
  mock_image_url:
    process.env.MOCK_IMAGE_URL ??
    'https://img-template-nano-banana.16781678.xyz/uploads/2025-12-07/1765110083462-9xgwxl.jpg',
// 配置生成图片的默认prompt
  default_image_prompt:
    process.env.NEXT_PUBLIC_DEFAULT_IMAGE_PROMPT ??
    'Canon camera, 85mm fixed lens, creating a gradual change of f/1.8, f/2.8, f/10, f/14 aperture effects, a gentle and beautiful lady as the model, background is the city blue hour after sunset',
// 配置生成图片的右侧默认展示图片
  default_image_preview:
    process.env.NEXT_PUBLIC_DEFAULT_IMAGE_PREVIEW ??
    'https://img-template-nano-banana.16781678.xyz/uploads/2025-12-07/1.jpeg',

4、Mock下点击生成后，会将上面配置的图片、视频上传到R2，然后提示你成功（视频1MB左右，可能会慢点）

图片Mock生成截图（http://localhost:3000/ai-image-generator?mock=1）

视频Mock生成截图（http://localhost:3000/ai-video-generator?mock=1）