<p>अपोलो-लिंक-http एक GET विधि ओवरराइड का सम्मान नहीं करता है</p>

@szdc हाँ यह निश्चित रूप से काम नहीं करता है! क्या आप इसे जोड़ने के लिए तैयार हैं? https://github.com/apolographql/apolo-link/issues/257 जैसा कुछ एक अच्छा समाधान हो सकता है और साथ ही अनुरोध भेजने से पहले उसे बदल सकता है?

cc @arackaf @outlaw11a @puttyman जिनकी इसमें रुचि है! जोड़ने के लिए एक बहुत छोटा बदलाव होना चाहिए!

अगर कोई और नहीं चाहे तो मैं इसे जोड़ दूंगा।

@szdc @arackaf तो पता चला कि यह पहले से ही संभव है! मैं जल्द ही एक परीक्षण और दस्तावेज़ों को आगे बढ़ाऊंगा जिसमें दिखाया जाएगा कि इसे आंतरिक परिवर्तनों के बिना कैसे किया जा सकता है

@szdc @Outlaw11A @arackaf यह कैसे करना है:

const customFetch = (uri, options) => {
  const { body, ...newOptions } = options;
  const queryString = objectToQuery(JSON.parse(body));
  requestedString = uri + queryString;
  return fetch(requestedString, newOptions);
};
const link = createHttpLink({
  uri: "data",
  fetchOptions: { method: "GET" },
  fetch: customFetch
});

@jbaxleyiii जो बहुत बढ़िया लग रहा है! बस जिज्ञासु कहाँ से objectToQuery आ रहा है? क्या इसके लिए npm पर कोई उपयोग है? मुझे लगता है कि जरूरत पड़ने पर अपना खुद का रोल करना बहुत आसान होगा - मूल रूप से ऑब्जेक्ट.की को मैप करें

escapeUriComponnt(`${k}=${obj[k]}`).join("&");

या ऐसा ही कुछ

https://www.apollographql.com/docs/link/links/http.html#Sending -GET-requests-custom-fetching

@arackaf टिप्पणी देखें:

// turn the object into a query string, try object-to-querystring package

https://github.com/Cyberlane/object-to-querystring

@jbaxleyiii यह काम करता है! यह आश्चर्यजनक है!

मुझे बस एक समस्या है।

क्वेरीस्ट्रिंग बनाया गया:

http://localhost/graphql?operationName=AllPlayersQuery&variables=%5Bobject%20Object%5D&query=query%20All...

इसमें यह शामिल है: variables=%5Bobject%20Object%5D जो एक समस्या है।

इसे कैसे ठीक करें?

यह मानक यूआरआई क्रमबद्धता जैसा दिखता है - ऐसा नहीं लगता कि आप इससे बच सकते हैं - यह एक समस्या क्यों है?

मानक यूआरआई? यह: %5Bobject%20Object%5D ?

encodeURIComponent('books(title:"Hello World"){Book{title}}')

books(title%3A%22Hello%20World%22)%7BBook%7Btitle%7D%7D

अपोलो में मेरी क्वेरी है:

query AllPlayers {
  players {
    id
    name
    surname
}

और इसलिए मुझे @jbaxleyiii द्वारा पोस्ट किए गए कोड के साथ खाली [Object object] चर के साथ समस्या है।

यहां एक बेयरबोन रिएक्ट ऐप (क्रिएट-रिएक्ट-ऐप का उपयोग करके बनाया गया) है जो GET के माध्यम से प्राप्त होता है और काम करता है - index.js : https://github.com/usefulio/example-graphql-via-get-react-app

@johnunclesam स्पष्ट रूप से variables एन्कोडिंग से पहले क्रमबद्ध नहीं है। मैंने बस एक सशर्त JSON.stringify जोड़कर अपनी कस्टम फ़ेच विधि (उदाहरण रेपो से प्राप्त) को ट्यून किया:

const customFetch = (uri, options) => {
  const {body, ...newOptions} = options;
  const parsedBody = JSON.parse(body);
  const command = omitBy(parsedBody, isEmpty);

  if (command.variables) {
    command.variables = JSON.stringify(command.variables);
  }

  const requestedString = uri + '?' + queryString.stringify(command);

  return fetch(requestedString, newOptions);
};

तो useGETForQueries किसके लिए उपयोग किया जाता है? useGETForQueries=true होने पर कस्टम फ़ेच क्यों नहीं बनाया गया?
मैं क्वेरी और म्यूटेशन में अंतर कैसे करूँ? मैं केवल क्वेरी के लिए GET का उपयोग करना चाहता हूं (DNS कैश के लिए)।

यह एक पुराना मुद्दा है जो useGETForQueries से पहले का है, जिसे https://github.com/apollographql/apollo-link/pull/510 द्वारा तय किए जाने के बाद थोड़ा जोड़ा गया था।

उम, useGETForQueries काम नहीं कर रहा है।

विशेष रूप से इस लाइन पर एक बग प्रतीत होता है:

https://github.com/apolographql/apolo-link/blob/f94b1c6b984619ec1ef68cca3224be788ea140e4/packages/apollo-link-http/src/httpLink.ts#L41

let {
    uri = '/graphql',
    // use default global fetch if nothing passed in
    fetch: fetcher,
    includeExtensions,
    useGETForQueries,
    ...requestOptions
  } = linkOptions;

कुछ ऐसा होना चाहिए:

let {
    uri = '/graphql',
    // use default global fetch if nothing passed in
    fetch: fetcher,
    includeExtensions,
    fetchOptions,
    ...requestOptions
  } = linkOptions;

let {
  useGETForQueries
} = fetchOptions;

आप ऐसा कैसे कहते हैं? आप createHttpLink कैसे कॉल कर रहे हैं?

ऊपर मेरा अवलोकन एक डीबगर के साथ कोड के माध्यम से कदम उठाने से था, लेकिन मुझे इसे पुन: पेश करने के लिए फिर से करना होगा।

जिस कोड पर हमने समझौता किया वह यह है:

import omitBy from 'lodash.omitby';
import isEmpty from 'lodash.isempty';

const graphQLUrl = 'http://the.server.com/graphql';

const customFetch = (uri, options) => {
  const { body, credentials, headers, ...newOptions } = options;
  let fetchUri = uri;
  if (body) {
    const parsedBody = JSON.parse(body);
    const command = omitBy(parsedBody, isEmpty);
    fetchUri = uri + "?" + queryString.stringify(command);
  }
  return fetch(fetchUri, newOptions);
};

const link = createHttpLink({
  uri: graphQLUrl,
  fetchOptions: { method: "GET" },
  fetch: customFetch
});

मुझे लगता है कि मेरा सवाल यह है कि, यदि आप सीधे createHttpLink बजाय useGETForQueries अंदर fetchOptions पास कर रहे थे, तो वह व्यवहार होगा जिसे आप देखेंगे, लेकिन यह भी नहीं होगा एपीआई कैसे काम करता है। मैं इसे फिर से एक शॉट देने का सुझाव दूंगा!