How to point to localhost:8000 with the Dart http package in Flutter?

在Flutter中使用Dart的http包来指向本地服务器（如localhost:8000）是一种常见的需求，尤其是在开发阶段需要与本地后端服务进行交互时。以下是如何实现这一操作的步骤和注意事项：

1. 添加依赖

首先，确保您的Flutter项目中已经添加了http包的依赖。打开您的pubspec.yaml文件并添加：

yaml
dependencies:
  flutter:
    sdk: flutter
  http: ^0.13.3

记得运行flutter pub get来安装新的依赖。

2. 导入包

在您要进行HTTP请求的Dart文件中，导入http包：

dart
import 'package:http/http.dart' as http;

3. 发送请求

接下来，您可以使用http包中的函数向localhost发送请求。假设您的本地服务器运行在localhost:8000上，并且有一个API端点/data，您可以这样做：

dart
Future<void> fetchData() async {
  var url = Uri.parse('http://localhost:8000/data');
  try {
    var response = await http.get(url);
    if (response.statusCode == 200) {
      print('Server responded with: ${response.body}');
    } else {
      print('Request failed with status: ${response.statusCode}.');
    }
  } catch (e) {
    print('Caught exception: $e');
  }
}

4. 注意事项

• 模拟器和真机的区别: 如果您在模拟器上运行Flutter应用，通常使用localhost指向您的开发机器是没问题的。然而，如果您在真实设备上测试，localhost或127.0.0.1将指向设备本身，而不是您的开发机。在这种情况下，您需要使用开发机器的局域网IP地址，比如192.168.1.4。

• Android设备的特殊配置: 对于Android设备，如果您的目标是API 28+，您需要在AndroidManifest.xml中添加一个网络安全配置文件来允许明文流量，因为localhost开发服务器通常不使用HTTPS。例如：

  修改android/app/src/main/AndroidManifest.xml：

  xml
  <application
      ...
      android:networkSecurityConfig="@xml/network_security_config">
      ...
  </application>

  然后创建android/app/src/main/res/xml/network_security_config.xml：

  xml
  <?xml version="1.0" encoding="utf-8"?>
  <network-security-config>
      <domain-config cleartextTrafficPermitted="true">
          <domain includeSubdomains="true">localhost</domain>
      </domain-config>
  </network-security-config>

这样就完成了基本的设置，您现在可以在Flutter应用中通过Dart的http包与本地服务器进行互动了。