react-native - axios post 请求 react-native 中的网络错误

Question

这是我通过axios post请求检查Auth的方法

CheckAuth() {
    let obj = {
                username: 'axy@gmail.com',
                password: 'zzxxz'
            }
    //oauth_credentials imported 

    let form_data = Object.assign(obj, oauth_credentials)

    axios({
           method: 'post',
           url: routes.oauth_token,
           headers: {
             'Content-Type': 'application/x-www-form-urlencoded',
             'Accept': 'application/json',
           },
           data: form_data
         })
            .then(res => {
                console.log(res)
            })
            .catch(err => {
                console.log(err)
            })
   }

我想发送 post 请求以获取 token ，但是当我尝试时，它在下面的控制台中显示网络错误

Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:87)
    at XMLHttpRequest.dispatchEvent (event-target.js:172)
    at XMLHttpRequest.setReadyState (XMLHttpRequest.js:546)
    at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:381)
    at XMLHttpRequest.js:485
    at RCTDeviceEventEmitter.emit (EventEmitter.js:181)
    at MessageQueue.__callFunction (MessageQueue.js:306)
    at MessageQueue.js:108
    at MessageQueue.__guard (MessageQueue.js:269)

Answer 1

如果您在 Android 9 上遇到此错误，解决方案是在您的 AndroidManifest.xml 中添加 android:usesCleartextTraffic="true"。

Cleartext is any transmitted or stored information that is not encrypted or meant to be encrypted.

由于您使用的是 http 而不是 https，Android Pie 将阻止您的请求，因为默认情况下 Android Pie 不允许明文流量。