フロントエンド要求graphqlのデータフォーマットの私見

フロントエンドはバックエンドデータを要求し、vue-cliはgraphqlの方法で要求する.
最初はajax,axiosでバックエンドデータを要求しましたが、不利ではありません.しかし、ある日突然、graphqlでデータを要求!
心が慌てると,大丈夫だ,来る者は拒まない.
ステップ1:新しいjs,xxxを定義します.js:

import gql from "graphql-tag";
export const getApoVal = {
    xxxName: gql`
    query {
      xxxBackName{
        name
        age
      }
    }
  `,
}

上はgetリクエストのようなものです.xxxName:勝手に名前をつけなさい.xxxBackName:バックエンドの文字列の名前です.name,age:バックエンドから伝わる属性名.バックエンドの文字列は必ず一つ一つ対応して、対応しないと赤いerrorを報告して、ハハハ!

パラメータがあればどうしますか?

export const getApoVal = {
    xxxName: gql`
    query APIQuery($page: Int, $pageSize: Int){
      xxxBackName(page: $page, pageSize: $pageSize){
        name
        age
      }
    }
  `,
}

あなたのgetメソッドパラメータの問題を完璧に解決します.
2つ目はpostの入手方法を教えます.

export const submitApoVal= {
    xxxName: gql`
    mutation APIMutation($page: Int, $pageSize: Int){
      xxxBackName(page: $page, pageSize: $pageSize){
        name
        age
      }
    }
  `,
}

簡単じゃないの?queryをmutationに変更するのがポイントですが、やはりバックエンド文字列に一つ一つ対応します!
ここでは、バックエンドのデータを完全に取得できます.応援ありがとうございます!