Flutter调用http.post返回499错误且请求一直挂起问题求助

问题根因 #

1. 你遇到的499错误、请求挂起、提前断连的核心问题是HTTP请求缺失超时配置，你使用的http包默认超时时间过短，还没等服务端返回就主动终止了请求。
2. 你写的try catch没捕获到错误是因为异常在Future异步链路中抛出，没有被同步捕获，同时未显式设置超时的http.post在部分运行环境下会触发隐性的连接销毁，不会抛出可被常规try catch捕获的异常。
3. DevTools里看到请求头为空、请求一直pending，是因为请求被提前终止后，DevTools还没来得及采集到完整的请求元数据。

解决步骤 #

1. 给HTTP请求显式增加超时配置 #

把await http.post(uriUrl, headers: headers, body: body)这段代码替换成带超时的写法，同时补全异常捕获逻辑，示例设置30秒超时：

// 需先导入对应依赖
import 'dart:io';
import 'dart:async';

try {
  response = await http.post(uriUrl, headers: headers, body: body).timeout(const Duration(seconds: 30));
} on TimeoutException catch (e) {
  print('请求超时: $e');
  rethrow; // 将异常抛出供FutureBuilder捕获
} on SocketException catch (e) {
  print('连接错误: $e');
  rethrow;
} catch (e) {
  print('其他请求错误: $e');
  rethrow;
}

2. 修正请求参数的格式问题 #

对比可正常运行的Python代码，你的Flutter代码存在两处参数不匹配的问题：

• Python代码中PaymentMethods字段值为["TWINT"]（全大写），Flutter代码中为["Twint"]（首字母大写），部分支付接口对枚举值大小写敏感，需统一修改为全大写。
• Python代码中Amount的Value是字符串类型的整数（比如"200"对应2.00瑞郎），你Flutter代码中直接传入double类型的total转字符串，不符合Saferpay接口「金额单位为最小货币单位（生丁），值为整数字符串」的规范，需先做转换：

// 把瑞郎金额转成生丁为单位的整数字符串，比如12.5瑞郎=1250生丁
String amountValue = (total * 100).round().toString();

修改完成后替换Payment下Amount的Value字段即可。

3. 修正FutureBuilder的分支逻辑 #

你当前代码中snapshot.hasError的判断放在了connectionState判断之前，当请求被主动终止时，snapshot的error会是null但状态直接切到done，此时调用snapshot.data!会抛出空指针异常，建议调整分支顺序：

builder: (context, snapshot) {
  switch (snapshot.connectionState) {
    case ConnectionState.waiting:
    case ConnectionState.active:
      return const Center(child: CircularProgressIndicator());
    case ConnectionState.done:
      if (snapshot.hasError) {
        return Center(child: Text('请求错误: ${snapshot.error.toString()}'));
      }
      if (snapshot.hasData) {
        String url = snapshot.data!.redirectUrl;
        return Center(
          child: WebView(
            initialUrl: Uri.dataFromString(
                    '<html><body><iframe src="$url" width="100%" height="100%" frameborder="0"></iframe></body></html>',
                    mimeType: 'text/html')
                .toString(),
            javascriptMode: JavascriptMode.unrestricted,
          ));
      } else {
        return const Center(child: Text('未获取到支付页面信息'));
      }
    default:
      return const Center(child: Text('请求未初始化'));
  }
}

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