在使用了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一样


发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据