无法使用Flutter调用Localhost,随机端口被分配给HTTP GET调用

时间:2018-04-16 11:04:25

标签: dart flutter dart-http

我正在尝试构建一个Flutter应用,我需要使用dart http library进行HTTP呼叫。所以这里是我用来拨打电话的剪辑,

import 'package:flutter/material.dart';
import 'dart:async';
import 'dart:convert';
import 'dart:io';
import 'package:http/http.dart' as http;

Future<List> getData() async {
    List data = new List();
    var httpClient = new HttpClient();
    var request = await httpClient.get("localhost", 5000, '/search?query=hello');
    var response = await request.close();
    if (response.statusCode == HttpStatus.OK) {
      var jsonString = await response.transform(utf8.decoder).join();
      data = json.decode(jsonString);
      print(data);
      return data;
    } else {
      return data;
    }
  }

现在从我的代码中调用getData(),这是我得到的错误

E/flutter (30949): [ERROR:topaz/lib/tonic/logging/dart_error.cc(16)] Unhandled exception:
E/flutter (30949): SocketException: OS Error: Connection refused, errno = 111, address = localhost, port = 46999
E/flutter (30949): #0      _HomePageState.getData (file:///home/bholagabbar/AndroidStudioProjects/fnd_modile_client/lib/main.dart:75:19)
E/flutter (30949): <asynchronous suspension>
E/flutter (30949): #1      _HomePageState.build.<anonymous closure> (file:///home/bholagabbar/AndroidStudioProjects/fnd_modile_client/lib/main.dart:56:15)
E/flutter (30949): #2      _InkResponseState._handleTap (package:flutter/src/material/ink_well.dart:478:14)
E/flutter (30949): #3      _InkResponseState.build.<anonymous closure> (package:flutter/src/material/ink_well.dart:530:30)
E/flutter (30949): #4      GestureRecognizer.invokeCallback (package:flutter/src/gestures/recognizer.dart:102:24)
E/flutter (30949): #5      TapGestureRecognizer._checkUp (package:flutter/src/gestures/tap.dart:161:9)
E/flutter (30949): #6      TapGestureRecognizer.handlePrimaryPointer (package:flutter/src/gestures/tap.dart:94:7)
E/flutter (30949): #7      PrimaryPointerGestureRecognizer.handleEvent (package:flutter/src/gestures/recognizer.dart:315:9)
E/flutter (30949): #8      PointerRouter._dispatch (package:flutter/src/gestures/pointer_router.dart:73:12)
E/flutter (30949): #9      PointerRouter.route (package:flutter/src/gestures/pointer_router.dart:101:11)
E/flutter (30949): #10     _WidgetsFlutterBinding&BindingBase&GestureBinding.handleEvent (package:flutter/src/gestures/binding.dart:143:19)
E/flutter (30949): #11     _WidgetsFlutterBinding&BindingBase&GestureBinding.dispatchEvent (package:flutter/src/gestures/binding.dart:121:22)
E/flutter (30949): #12     _WidgetsFlutterBinding&BindingBase&GestureBinding._handlePointerEvent (package:flutter/src/gestures/binding.dart:101:7)
E/flutter (30949): #13     _WidgetsFlutterBinding&BindingBase&GestureBinding._flushPointerEventQueue (package:flutter/src/gestures/binding.dart:64:7)
E/flutter (30949): #14     _WidgetsFlutterBinding&BindingBase&GestureBinding._handlePointerDataPacket (package:flutter/src/gestures/binding.dart:48:7)
E/flutter (30949): #15     _invoke1 (dart:ui/hooks.dart:134:13)
E/flutter (30949): #16     _dispatchPointerDataPacket (dart:ui/hooks.dart:91:5)

我的API启动并正常运行,正如您在错误日志中看到的那样,请求似乎没有经过。这究竟是什么问题?

为了记录,我尝试了getgetUrl的每个排列,甚至尝试用localhost替换127.0.0.110.0.2.2,如<Button classes={{root: classes.button, label: classes.label}} variant="raised" color="primary"> 中所述3}}。我正在手机上直接测试(One Plus 3)

2 个答案:

答案 0 :(得分:9)

这应该这样做

adb reverse tcp:5000 tcp:5000

https://developer.android.com/studio/command-line/adb.html

或使用adb reverse --list查看重定向的设置。

答案 1 :(得分:4)

Günter的回答是正确的,但是您需要记住一件事,那就是不要忘记更改端口号 例如,如果您的端口是3002,则使用:

adb reverse tcp:3002 tcp:3002

请记住,上述命令会将手机的端口3002重定向到计算机的端口3002。

如果您要将手机的端口3000重定向到计算机的端口3002,则命令看起来像

adb reverse tcp:3000 tcp:3002

更一般的答案是:

adb reverse tcp:<Your Phone's Port No.> tcp:<Your Computer's Port No>