Flutter 连接真实手机设备时无法使用localhost

在使用Flutter编写手机app时，开发过程中想要通过调用本地的后台服务来获取数据，但是每次都会报错：

复制SocketException: OS Error: Connection refused, errno = 111, address = localhost, port = 38396

这里调用时的api请求路径：http:localhost:10086/auth

之前因为忙于开发，查了下资料都没有解决问题，时间紧，任务重，就直接将后台api部署到云环境，通过调用云函数来获取数据。但是这样做，每次修改api都得部署到云环境上，app才能正确获取数据，很麻烦，但是当时也没有其他的办法和时间，所以将就了。

现在开发阶段已经结束了，趁着有时间，再回过头来调查，经过测试，已完美解决该问题，能够通过调用本地后台api获取数据。深层次的原因还没调查到，待日后调查到根本原因后再记录，这里只记录一下解决方案。

1.首先，我们访问本地后台api时的http请求不能使用 http:localhost:10086/auth 这样的URL，或者 http:127.0.0.1:10086/auth 这样的也不行，需要将这里的 localhost 或 127.0.0.1 替换成 本机的真实 IPv4 地址，例如 192.166.1.12 (获取本机ip地址方式可以参考：Linux获取本机ip 或 Windows获取本机ip)，替换后的请求地址就变成了  http:192.166.1.12:10086/auth

2.找到 android/app/src/main/AndroidManifest.xml 这个文件，如果没有就自己创建一个，然后添加如下内容：

复制1.  <manifest xmlns:android="http://schemas.android.com/apk/res/android"
2.      package="com.example.my_app"> 
3.     <application
4.          android:label="my_app"
5.          android:icon="@mipmap/ic_launcher"  
6.          android:usesCleartextTraffic="true"  
7.          >  
8.          <activity   
9.              android:name=".MainActivity"   
10.             android:launchMode="singleTop"   
11.             android:theme="@style/LaunchTheme"  
12.             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode" 
13.             android:hardwareAccelerated="true" 
14.             android:windowSoftInputMode="adjustResize">
15.             <!-- Specifies an Android theme to apply to this Activity as soon as
16.  the Android process has started. This theme is visible to the user   
17.  while the Flutter UI initializes. After that, this theme continues
18.  to determine the Window background behind the Flutter UI. -->  
19.             <meta-data 
20.               android:name="io.flutter.embedding.android.NormalTheme"  
21.               android:resource="@style/NormalTheme"  
22.               />
23.             <!-- Displays an Android View that continues showing the launch screen  
24.  Drawable until Flutter paints its first frame, then this splash 
25.  screen fades out. A splash screen is useful to avoid any visual
26.  gap between the end of Android's launch screen and the painting of  
27.  Flutter's first frame. -->  
28.             <meta-data  
29.               android:name="io.flutter.embedding.android.SplashScreenDrawable" 
30.               android:resource="@drawable/launch_background" 
31.               />  
32.             <intent-filter> 
33.                 <action android:name="android.intent.action.MAIN"/> 
34.                 <category android:name="android.intent.category.LAUNCHER"/>  
35.             </intent-filter>  
36.         </activity>  
37.         <!-- Don't delete the meta-data below.  
38.  This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
39.         <meta-data  
40.             android:name="flutterEmbedding" 
41.             android:value="2" /> 
42.     </application>  
43.     <uses-permission android:name="android.permission.INTERNET" />
44. </manifest>

其中重要的是

添加后就像这样：

如果是IOS，需要将下面这段添加到 ios/Runner/info.plist文件中

复制1.  <key>NSAppTransportSecurity</key>   
2.  <dict>  
3.          <key>NSAllowsArbitraryLoads</key>
4.          <true/> 
5.  </dict>

再次编译运行，成功。