Question

我正在开发一个使用spring-boot后端作为应用程序方法的应用程序，并且正在使用flutter开发前端。我制作了所需的前端页面，但不确定如何使HTTP调用从颤动发送到后端

我尝试查看与我正在做的事情类似的youtube视频和其他堆栈溢出问题，但仍然无法解决。

例如，这是登录身份验证的后端代码

/**
     * Controller method that attempts to login
     * 
     * @param username
     * @param password
     * @return ResponseEntity
     */
    @GetMapping("/auth/{username}/{password}")
    public ResponseEntity login(@PathVariable("username") String username, @PathVariable("password") String password)
            throws Exception {
        // No exception thrown means the authentication succeeded
        try {
            authentication.login(username, password);
        } catch (Exception e) {
            return ResponseEntity.status(HttpStatus.BAD_REQUEST).body(new Response(false, e.getMessage()));
        }
        return ResponseEntity.status(HttpStatus.OK).body(new Response(true, "Login successful"));
    }

这就是我所包含的东西

...
String url = 'http://localhost:8080/users/auth/{username}/{password}';

  Future<String> login() async {
    var response = await http.get(Uri.encodeFull(url), headers:{"Accept" : "application/json"});
    Navigator.of(context).pushNamed('/signup');
  }
...

...

child: MaterialButton(
        minWidth: MediaQuery.of(context).size.width,
        padding: EdgeInsets.fromLTRB(20.0, 15.0, 20.0, 15.0),
        onPressed: () {
          login();
        },
        child: Text("Login",
        textAlign: TextAlign.center,
        style: style.copyWith(
          color: Colors.white, fontWeight: FontWeight.bold)),
      ),

...

这是出现的错误

E/flutter ( 3945): [ERROR:flutter/lib/ui/ui_dart_state.cc(148)] Unhandled Exception: Invalid argument(s): No host specified in URI /auth/%7Busername%7D/%7Bpassword%7D
E/flutter ( 3945): #0      _HttpClient._openUrl (dart:_http/http_impl.dart:2117:9)
E/flutter ( 3945): #1      _HttpClient.openUrl (dart:_http/http_impl.dart:2043:7)
E/flutter ( 3945): #2      IOClient.send (package:http/src/io_client.dart:33:36)
E/flutter ( 3945): <asynchronous suspension>
E/flutter ( 3945): #3      BaseClient._sendUnstreamed (package:http/src/base_client.dart:169:38)
E/flutter ( 3945): <asynchronous suspension>
E/flutter ( 3945): #4      BaseClient.get (package:http/src/base_client.dart:32:7)
E/flutter ( 3945): #5      get.<anonymous closure> (package:http/http.dart:46:36)
E/flutter ( 3945): #6      _withClient (package:http/http.dart:166:20)
E/flutter ( 3945): <asynchronous suspension>
E/flutter ( 3945): #7      get (package:http/http.dart:46:5)
E/flutter ( 3945): #8      _MyHomePageState.login (package:calcount_mobile/main.dart:65:26)
E/flutter ( 3945): <asynchronous suspension>
E/flutter ( 3945): #9      _MyHomePageState.build.<anonymous closure> (package:calcount_mobile/main.dart:102:11)
E/flutter ( 3945): #10     _InkResponseState._handleTap (package:flutter/src/material/ink_well.dart:511:14)
E/flutter ( 3945): #11     _InkResponseState.build.<anonymous closure> (package:flutter/src/material/ink_well.dart:566:30)
E/flutter ( 3945): #12     GestureRecognizer.invokeCallback (package:flutter/src/gestures/recognizer.dart:166:24)
E/flutter ( 3945): #13     TapGestureRecognizer._checkUp (package:flutter/src/gestures/tap.dart:240:9)
E/flutter ( 3945): #14     TapGestureRecognizer.handlePrimaryPointer (package:flutter/src/gestures/tap.dart:177:9)
E/flutter ( 3945): #15     PrimaryPointerGestureRecognizer.handleEvent (package:flutter/src/gestures/recognizer.dart:436:9)
E/flutter ( 3945): #16     PointerRouter._dispatch (package:flutter/src/gestures/pointer_router.dart:73:12)
E/flutter ( 3945): #17     PointerRouter.route (package:flutter/src/gestures/pointer_router.dart:101:11)
E/flutter ( 3945): #18     _WidgetsFlutterBinding&BindingBase&GestureBinding.handleEvent (package:flutter/src/gestures/binding.dart:221:19)
E/flutter ( 3945): #19     _WidgetsFlutterBinding&BindingBase&GestureBinding.dispatchEvent (package:flutter/src/gestures/binding.dart:199:22)
E/flutter ( 3945): #20     _WidgetsFlutterBinding&BindingBase&GestureBinding._handlePointerEvent (package:flutter/src/gestures/binding.dart:156:7)
E/flutter ( 3945): #21     _WidgetsFlutterBinding&BindingBase&GestureBinding._flushPointerEventQueue (package:flutter/src/gestures/binding.dart:102:7)
E/flutter ( 3945): #22     _WidgetsFlutterBinding&BindingBase&GestureBinding._handlePointerDataPacket (package:flutter/src/gestures/binding.dart:86:7)
E/flutter ( 3945): #23     _rootRunUnary (dart:async/zone.dart:1136:13)
E/flutter ( 3945): #24     _CustomZone.runUnary (dart:async/zone.dart:1029:19)
E/flutter ( 3945): #25     _CustomZone.runUnaryGuarded (dart:async/zone.dart:931:7)
E/flutter ( 3945): #26     _invoke1 (dart:ui/hooks.dart:233:10)
E/flutter ( 3945): #27     _dispatchPointerDataPacket (dart:ui/hooks.dart:154:5)
E/flutter ( 3945):

Answer 1

用户名和密码2字符串变量吗？如果是这种情况，则需要将它们的值放在URL中

String url = 'http://localhost:8080/users/auth/$username/$password';

Answer 2

如果要使用Flutter Emulator设备测试Spring Boot后端，则url应为字符串url ='http://10.0.2.2:8080/users/auth/ {username} / {password}';
如果要使用真实的android手机测试后端，请定义入站防火墙规则（在Windows Defender防火墙中），并在防火墙规则中允许端口80。获取系统的IP地址，并将网址更改为字符串url ='http：// ip：8080 / users / auth / {用户名} / {密码}';

如何将springboot后端连接到flutter？

2 个答案: