graphql - 本地图像：编辑 gatsby 模式以将本地路径转换为文件

Question

我正在使用 gatsby，我需要为给定实体显示多个图像。图像路径存储在 MySQL 表中，我可以很好地获取它们。

我的查询如下所示：

{
  mysqlSet(entity_id: {eq: "10270"}) {
    name
    images {
      url
    }
  }
}

这给了我这样的结果：

{
  "data": {
    "mysqlSet": {
      "name": "My Entity Name",
      "images": [
        {
          "url": "./images/10270-0.png"
        },
        {
          "url": "./images/10270-1.png"
        },
        {
          "url": "./images/10270-2.png"
        }
      ]
    }
  }
}

所以，问题是：如何修改我的架构以反映这些字段实际上是图像？我的意思是，这就是我要走的路，但我不知道该怎么做。

基本上，我需要将图像作为文件抓取，以便与 gatsby 的内置 Img 组件一起使用。

Answer 1

您可以使用allFile所需的扩展名进行查询和过滤，例如：

 {
      allFile(filter: {ext: {eq: ".png"}}) {
        edges {
          node {
            absolutePath
          }
        }
      }
    }