一、Graphql
一种为你的API而生的查询语言,可以理解为动态api。一般来说我们都是在后端写好sql查询语句查询数据库数据,前端请求这个api返回的数据是固定的,而Graphql可以让前端去决定请求什么字段回来。
二、strapi安装Graphql插件
![](https://img-blog.csdnimg.cn/2021011222133725.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3ODIwNzUx,size_16,color_FFFFFF,t_70)
或者用yarn或npm安装
yarn strapi install graphql
三、使用GraphQL查询来浏览数据
1、打开浏览器http://localhost:1337/graphql,可以测试一下请求。更多语法内容https://strapi.io/documentation/developer-docs/latest/plugins/graphql.html#query-api
![](https://img-blog.csdnimg.cn/20210112223457813.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3ODIwNzUx,size_16,color_FFFFFF,t_70)
2、也可以用postman发送请求测试
![](https://img-blog.csdnimg.cn/2021011222363675.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3ODIwNzUx,size_16,color_FFFFFF,t_70)
3、前端用axios请求
![](https://img-blog.csdnimg.cn/20210113103734363.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3ODIwNzUx,size_16,color_FFFFFF,t_70)
![](https://img-blog.csdnimg.cn/20210113103751598.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzM3ODIwNzUx,size_16,color_FFFFFF,t_70)