GraphQL学习、踩坑记录（三）

如果您发现本文排版有问题，可以先点击下面的链接切换至老版进行查看！！！

GraphQL学习、踩坑记录（三）

在使用了GraphiQL后，我们可以看到这样的页面

从chrome的network里面可以看到传递的参数是这样的

我们在这里可以很方便的使用Query，但是这一般只是测试使用啊，我们怎么在自己的项目中使用了，比如使用axios。我一般是这样用的定义一个

// query/index.js
module.exports = `
    query($id: ID) {
      posts(post_type: "post"){
        ID
      }
      post(id: $id){
        ID,
        post_content,
      }
    }
`;

import axios from 'axios';
import query from '../query/index';

// 这样调用
const res = await axios.post('http://localhost:5050/graphql', {
    query: sql,
    variables: {
        id: 2668
    }
});
const { data: { data } } = res;
console.log('data ', data);

发起的请求也是和与GraphiQL一样