graphql - Gatsby GraphQL 无法在 Strapi 的类型 "url"上查询字段 "File"

Question

我正在用 Gatsby 前端和 Strapi 后端制作博客。我使用 StaticQuery 在组件中进行了查询

query={graphql`
        query {
          allStrapiArticle {
            edges {
              node {
                strapiId
                title
                category {
                  name
                }
                image {
                  url
                }
              }
            }
          }
        }
      `}

在没有 image{url} 的情况下，所有领域都可以正常工作.我收到错误: error Cannot query field "url" on type "File" graphql/template-strings .我该如何解决？谢谢!

Answer 1

我也遇到过这个问题。关于 Strapi 的教程建议用'url'查询，但这是错误的。
正确的查询方法是:

      allStrapiArticle {
        edges {
          node {
            strapiId
            title
            category {
              name
            }
            image {
              publicURL
            }
          }
        }
      }

为了显示图像，不要忘记交换 网址 进入 publicURL 像那样:

  <img
    src={article.node.image.publicURL}
    alt={article.node.image.publicURL}
    height="100"
  />