Question

我正在开发一个用于在全国范围内获取Tenders数据的应用程序。我正在使用axio发布和获取数据，并且一切正常。我已经生成了Apk并在模拟器和Bluestaks上对其进行了测试，但是当我昨天发布该应用程序时，该应用程序开始在登录页面上引发网络错误。这是我第一次遇到错误，现在我严重卡住了。

请有人帮助我

我的package.json文件是依赖项

"dependencies": {
"axios": "^0.19.0",
"firebase": "^5.11.1",
"native-base": "^2.12.1",
"react": "16.8.6",
"react-native": "0.60.3",
"react-native-elements": "^0.19.1",
"react-native-image-picker": "^1.0.1",
"react-native-router-flux": "^4.0.6",
"react-native-vector-icons": "^6.6.0",
"react-redux": "^5.1.0",
"redux": "^4.0.1"

}，

节点版本为10.16.0 react-native-cli：2.0.1

我的登录页面代码在这里

sendApicall(username,me)
{
    debugger;
    const { REST_API } = config;
    var me = this;
    //const {username,password} = this.state;// {username:"arsalankhan@gmail.com",password:"0346asdff"};
    me.setState({isLoading:true});

    let apiconfig = {
        headers: {
        'Content-Type': 'application/json; charset=UTF-8'
    }};

    axios.post(REST_API.Tenders.Login,
        {
          "PhoneNumber":username,
            "Email":username,
            "Password": "xxxxxxxx"
        },apiconfig).then(response => {
            if(response.data.success)
            {                                    
                me.setState({isLoading:false});
                const baseModel = response.data;
                var orgid = baseModel.orgid;   
                var userData = baseModel.userData;   
              Actions.newSplash({UserCompany:baseModel.data,orgid,UserData:userData});
            }else
            { 
                me.setState({isLoading:false});
                me.showAlertError("Login Falied");

            }

      }).catch(error => {
        me.setState({isLoading:false});
        me.showAlertError("Error"+ error.message);
        console.log("error", error)        
      });
}

我的AndroidManifest.xml文件是

<manifest xmlns:android="http://schemas.android.com/apk/res/android">

  <uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

<application
  android:name=".MainApplication"
  android:label="@string/app_name"
  android:icon="@mipmap/ic_launcher"
  android:allowBackup="false"
  android:theme="@style/AppTheme">
  <activity
    android:name=".MainActivity"
    android:label="@string/app_name"
    android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
    android:windowSoftInputMode="adjustResize">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
  </activity>
  <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
</application>
</manifest>

我们将非常感谢您的帮助

Answer 1

我猜您正在尝试访问HTTP协议以访问API。从Android 9（我假设您正在使用）开始，如果不配置对“ CLEARTEXT流量”的访问权限，则无法访问HTTP

修复步骤/解决方法：

在您的android项目中添加一个xml文件-> / project_root / android / app / src / main / res / xml（如果没有xml文件夹，只需添加一个）。

然后在其中添加一个名为network_security_config.xml的xml

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true">
        <trust-anchors>
            <certificates src="system" />
        </trust-anchors>
    </base-config>
</network-security-config>

然后在您的AndroidManifest.xml中添加您的<application>节点，不要复制...，只需添加android:部分：

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

希望能为您修复它。

作为一个附带说明，也许想着转向HTTPS，那么您就不必这样做了！

在App Store上载时，React Native Android应用程序引发网络错误

1 个答案: