本地环境调用API获取图片报错：URI未指定主机，求技术帮助

核心原因 #

报错提示「Invalid argument(s): No host specified in URI images/27567f904a64ba79ae95672e4ddf10c8.png」，说明拼接后的图片URL缺少有效主机地址（如http://localhost:xxxx），或路径拼接格式错误导致URL不合法。

排查与修复步骤 #

1. 检查AppConstants.BASE_URL的格式 #

• 必须包含完整协议和主机，比如http://localhost:3000/（注意末尾要加斜杠/），不能是localhost:3000或http://localhost:3000（无末尾斜杠）。
• 若BASE_URL未加http/https协议，系统会将其识别为相对路径，自然找不到主机。

2. 验证拼接后的完整URL #

先打印拼接结果确认格式是否正确：

String fullImageUrl = AppConstants.BASE_URL + getCartHistoryList[listCounter - 1].img!;
print(fullImageUrl);

正确的URL应为类似http://localhost:3000/images/27567f904a64ba79ae95672e4ddf10c8.png，而非images/xxx.png或localhost:3000images/xxx.png。

3. 修复路径拼接逻辑 #

• 推荐方式：确保AppConstants.BASE_URL末尾带斜杠，直接拼接img字段：

// 示例：AppConstants.BASE_URL = "http://localhost:3000/"
CachedNetworkImage(
  imageUrl: AppConstants.BASE_URL + getCartHistoryList[listCounter - 1].img!,
),

• 备选方式：拼接时手动补斜杠（需注意避免重复斜杠）：

CachedNetworkImage(
  imageUrl: "${AppConstants.BASE_URL}/${getCartHistoryList[listCounter - 1].img!}",
),

如果img字段本身以/开头（如/images/xxx.png），则BASE_URL末尾不要带斜杠，防止出现//的无效路径。

4. 确认本地服务状态 #

确保本地API服务（localhost对应的服务）正在运行，且images/27567f904a64ba79ae95672e4ddf10c8.png路径存在于服务的静态资源目录中。

内容的提问来源于stack exchange，提问作者Bondoguy