결과에서 모든 게시물 특성 누락

결과에서 모든 게시물 특성 누락

나는 장고 개발자여서 처음으로 vue와 graphql을 손에 넣었는데, 이 오류를 어떻게 정확히 처리해야 할지 모르겠어.

여기 내 암호야, 아마 내 질문에서 뭔가 잘못된 것 같아

    <template>
      <section>
        <div class="home">
          <h2>hiii</h2>
          <div v-for="i in allposts" :key="i.id">
            <ul>
              <li>
                <h3>hey</h3>
                <strong>{{id}}</strong>:
                <span>{{title}}</span>
              </li>
            </ul>
          </div>
        </div>
      </section>
    </template>

    <script>
    import gql from "graphql-tag";

    const PostQuery = gql`
      query allposts {
        allPosts {
          id
          title
        }
      }
    `;

    export default {
      props: [],
      data() {
        return {
          allposts: []
        };
      },

      apollo: {
        allposts: PostQuery
      }
    };
    </script>

데이터를 성공적으로 가져왔음을 알 수 있다.

내가 여기서 뭘 잘못하고 있는지 누가 안내해 줄 수 있어?

미리 고맙다

구글을 통해 이곳에 왔다.문제 설명 및 해결 방법을 설명하는 문서를 확인하십시오. https://apollo.vuejs.org/guide/apollo/queries.html#name-matching

일반적인 초급자의 실수는 쿼리의 필드 이름과 다른 데이터 이름을 사용하는 것에 유의하십시오.

그들이 제시하는 예는 다음과 같다.

apollo: {
  world: gql`query {
    hello
  }`
}

world그리고hello일치하지 않기 때문에 오류가 발생할 수 있다.

이름이 일치해야 하거나 문서에 제시된 대로update함수:

apollo: {
  world: {
    query: gql`query {
      hello
    }`,
    update: data => data.hello
  }
}

또는 GraphQL 문서에서 필드 이름을 변경하십시오.

apollo: {
  world: gql`query {
    world: hello
  }`
}

자, 어리석은 실수로 판명났는데, API는 allPosts라고 불리는 열쇠가 있는 결과를 반환하는데, 자본 P는 있지만, 내 지역 데이터 속성과 아폴로 속성은 모두 작은 p.

다 P로 만들고 나니 이제 모든 게 잘 돼.

참조URL: https://stackoverflow.com/questions/53983896/missing-allposts-attribute-on-result