Flutter中使用Getx无法提交POST数据的问题排查

从错误响应Cannot POST /http:/localhost:4000/admin/user/login可以看出，请求URL被错误解析为相对路径，完整BASE_URL被当成了后端接口路径的一部分，这是URL拼接逻辑和baseUrl使用不一致导致的。

核心问题 #

1. 硬编码与传入baseUrl冲突：ApiClient类内硬编码了BASE_URL = "http://localhost:4000"，但依赖初始化时传入的是http://51.77.230.230:4001/server/，代码逻辑混乱引发URL拼接错误。
2. 手动拼接的斜杠问题：'$BASE_URL/$endpoint'的拼接方式，当endpoint开头带/时会生成双斜杠（如http://localhost:4000//admin/user/login），若请求方法误将该字符串当作相对路径，会被解析为/http:/localhost:4000/admin/user/login（双斜杠被合并为单斜杠）。

修复步骤 #

1. 重构ApiClient，统一使用传入的baseUrl

移除类内硬编码的BASE_URL，改用构造函数传入的appBaseUrl，并通过Uri类自动处理URL拼接：

class ApiClient {
  final String appBaseUrl;
  final Map<String, String> _mainHeaders;

  ApiClient({required this.appBaseUrl, required Map<String, String> headers}) : _mainHeaders = headers;

  Future<Response> postData(String endpoint, dynamic body) async {
    // 用Uri.resolve自动处理斜杠，避免拼接错误
    final uri = Uri.parse(appBaseUrl).resolve(endpoint);
    print('请求URL: ${uri.toString()}'); // 打印验证URL是否正确
    print(body.toString());
    try {
      Response response = await post(uri.toString(), body, headers: _mainHeaders);
      print('响应: ' + response.body.toString());
      return response;
    } catch (e) {
      print('错误: ${e.toString()}');
      return Response(statusCode: 1, statusText: e.toString());
    }
  }
}

2. 调整endpoint格式（按需选择）

Uri.resolve会自动处理斜杠，endpoint可带或不带开头斜杠：

• 若appBaseUrl为http://localhost:4000，endpoint用/admin/user/login或admin/user/login都会生成正确的http://localhost:4000/admin/user/login
• 若appBaseUrl为http://51.77.230.230:4001/server/，endpoint用admin/user/login会生成http://51.77.230.230:4001/server/admin/user/login，用/admin/user/login会生成http://51.77.230.230:4001/admin/user/login，根据后端实际接口路径选择即可。

3. 验证请求URL

运行代码后查看打印的请求URL，确认是正确的绝对路径（如http://localhost:4000/admin/user/login），而非相对路径。

额外检查 #

• 确认post方法来自http包的http.post，若使用Dio等其他库，需确保baseUrl设置正确，且传入的是相对路径。
• 后端Postman测试正常说明接口本身无问题，重点排查前端URL拼接和请求发送逻辑。

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