为什么graphcms graphql给我一个403错误？

Question

我在graphcms中创建了以下查询，它在graphql操场上工作，但是当我将查询转移到我的react代码并尝试访问graphcms时，我会得到一个403错误，如下所示。

查询：

import { request, gql } from 'graphql-request';

const graphqlAPI = process.env.NEXT_PUBLIC_GRAPHCMS_ENDPOINT;

export const getPosts = async () => {
  const query = gql`
  query MyQuery {
    postsConnection {
      edges {
    node {
      author {
        bio
        id
        name
        photo {
          url
        }
        post {
          categories {
            name
            slug
          }
        }
      }
      createdAt
      slug
      title
      excerpt
      featureImage {
        url
      }
    }
  }
}

}

` `；

结果=等待请求(graphqlAPI，查询)；

返回result.postsConnection.edges；

错误：

Error: not allowed: {"response":{"errors":[{"message":"not allowed","extensions": 

{“代码”：“403”，“路径”：“postsConnection”，“边”}}，“数据”：{“postsConnection”：{“postsConnection”：[]}，“状态”：200，“标头”：{}，“请求”：{“查询”：“\n查询MyQuery {\n postsConnection {\n边{\n节点{\n作者{\n bio\n id\n name\n照片{\n url\n }\n post {\n”类别{\n )名称\n段塞}\n }\n }\n \n段塞\n标题\n摘录\n featureImage {\n }}n} }\n }\n“}

}；

Answer 1

只需转到GraphCMS项目中的项目设置，就可以找到，并有一个按钮，名称是是，初始化默认值，您应该单击它，它会工作的

Answer 2

在试图绘制图形时，我也收到了类似的错误：

Error: not allowed: {"response":{"errors":[{"message":"not allowed","extensions":{"code":"403","path":["blogPosts"]}}],"data":{"blogPosts":[]},"status":200,"headers":{}},"request":{"query":"\n {\n blogPosts {\n id,\n title\n }\n }\n "}}。

我发现对我有用的是给我永久的Auth令牌(PAT)添加“读取”权限。

Answer 3

MDN解释403错误 (未授权)如下：

HTTP403禁止响应状态代码指示服务器理解请求，但拒绝授权它。该访问被永久禁止，并系于(.)对资源的权利不足。

这意味着您需要在GraphCMS中设置API访问配置；

1. 访问GraphCMS
2. 访问设置(导航栏应该在您的右边)
3. 在"Access“下，选择"Public Content”
4. 选择“创建权限”，然后选择查询正常运行所需的规则。

现在您可以使用content来运行查询。

应采用折页格式；

https://.graphcms.com/v2//master