TypeError：ネイティブ・アプリケーションのXMLHttpRequestでネットワーク要求が失敗しました

Question

私はreact native fetchを使用して、graphqlサーバー・エンドポイントにgraphqlデータを含むpost httpリクエストを作成しています。

TypeError例外：ネイティブアプリを反応させるのにネットワークが要求にXMLHttpRequestに失敗しました

要求コードの私graphqlサーバを起動し、ネイティブアプリを反応させ、私の中にPOSTでフェッチ呼び出したときに、私は次のエラーを取得しています

let graphqlServer = config.graphQLServerUrl; 
const graphQLFetcher = (graphQLParams, requestType, token) => { 
let body = null; //earlier i used var body =' '; //blank value --null & blank makes a different 
let headers = null; 
body = graphQLParams; 

headers = { 
    'Accept': 'application/json', 
    'Content-Type': 'application/graphql', 
    'Authorization': 'Bearer ' + token 
}; 

    return fetch(graphqlServer, { 
    method: requestType, 
    headers: headers, 
    body: graphQLParams, 
    }); 
}; 

データ qraphQLParams query { login(userName: ${credentials.userName}, passWord: ${credentials.passWord}) } 、

ご意見はありますか？

Answer 1

私は、これを単純にJSON.stringify要求の本体で動作させることができました。

..だから、同じ問題に直面して

graphQLParams = `query login{ 
     login(input: {userName: "${obj.input.userName}", passWord: "${obj.input.passWord}" }) { 
     token 
     } 
    } 
    ` 

body = JSON.stringify({ 
    query: graphQLParams 
});