2017-01-05 27 views
1

私はreact native fetchを使用して、graphqlサーバー・エンドポイントにgraphqlデータを含むpost httpリクエストを作成しています。TypeError:ネイティブ・アプリケーションのXMLHttpRequestでネットワーク要求が失敗しました

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}) }

ご意見はありますか?

+0

I'm。あなたは解決策を見つけましたか? –

+0

JSON.stringifyボディ。 (bodyはgraphqlクエリ自体です) – user3162979

答えて

0

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

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

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

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

私の場合、私はリレーを使用しています。私は何らかの身体を使わない。 :| –

関連する問題