<p>apollo-link-http는 GET 메서드 재정의를 존중하지 않습니다.</p>

@szdc 네, 확실히 작동하지 않습니다! 당신은 그것을 추가에 열려 있습니까? https://github.com/apollographql/apollo-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에 유틸리티가 있습니까? 필요한 경우 자신의 것을 롤링하는 것이 꽤 쉬울 것이라고 생각합니다. 기본적으로 Object.keys를 매핑하십시오.

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 포함합니다.

이 문제를 해결하는 방법은 무엇입니까?

그것은 표준 URI 직렬화처럼 보입니다. 피할 수 있다고 생각하지 마십시오. 왜 문제가 될까요?

표준 URI? 이것은: %5Bobject%20Object%5D ?

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

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

Apollo에서 내 쿼리는 다음과 같습니다.

query AllPlayers {
  players {
    id
    name
    surname
}

그래서 @jbaxleyiii가 게시한 코드와 함께 [Object object] 변수가 비어 있다는 문제가 있습니다.

다음은 GET을 통해 가져와 작동하는 기본 반응 앱(create-react-app을 사용하여 생성)입니다. index.js 참조 :

@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 때 맞춤 가져오기가 내장되지 않은 이유는 무엇입니까?
쿼리와 돌연변이를 어떻게 구별합니까? 쿼리(DNS 캐시용)에만 GET을 사용하고 싶습니다.

이것은 https://github.com/apollographql/apollo-link/pull/510 에서 수정된 후 약간 추가된 useGETForQueries 이전의 오래된 문제입니다.

음, useGETForQueries가 작동하지 않는 것 같습니다.

특히 이 줄에 버그가 있는 것 같습니다.

https://github.com/apollographql/apollo-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
});

당신이 통과된다면 나는 나의 질문은 생각 useGETForQueries 내부 fetchOptions 대신 직접 내부의 createHttpLink , 그 당신이 관찰 할 행동,하지만 것 또한하지 않을 것이다 API 작동 방식. 다시 한 번 해보는 것을 추천합니다!