我有一个具有"users"表的Directus实例 . 每个用户行都有一个与之关联的图像 . 我正在尝试使用Gatsby来显示每个用户's image on a profile page, but I'm无法将每个用户与Gatsby中的图像相关联 .
我正在使用gatsby-source-directus和Gatsby v2 . 使用此GraphQL查询获取所有用户的列表没有问题:
{
allDirectusUser {
edges {
node {
firstName,
lastName,
username,
gender
}
}
}
}
当我将图像添加到GraphQL查询时,这些是我可以查询的(有用的)字段:
{
allDirectusUser {
edges {
node {
firstName,
lastName,
username,
gender,
image {
data {
name,
url
}
}
}
}
}
}
// Output
{
"data": {
"allDirectusUser": {
"edges": [{
"node": {
"firstName": "jk",
"lastName": "joshing",
"username": "jkjustjoshing",
"gender": "m",
"image": {
"data": {
"name": "9e34b416be5e81aca5e1806662f555af.jpg",
"url": "/storage/uploads/9e34b416be5e81aca5e1806662f555af.jpg"
}
}
}
}]
}
}
}
我希望图像名称或URL与 allFiles
GraphQL列表中分配给该文件的ID相对应,但似乎ID完全不同且不相关:
{
allFiles {
edges {
node {
absolutePath,
base,
name,
publicURL,
id
}
}
}
}
// Output
{
"data": {
"allFiles": {
"edges": [{
"node": {
"absolutePath": "/Users/jkjustjoshing/Documents/gatsbyProject/.cache/gatsby-source-filesystem/dc43c94c4bcc309ba39fc0e723ef14af.jpg",
"base": "dc43c94c4bcc309ba39fc0e723ef14af.jpg",
"name": "dc43c94c4bcc309ba39fc0e723ef14af",
"publicURL": "/static/dc43c94c4bcc309ba39fc0e723ef14af-adecf30d9a17f3d98651e7476178da68.jpg",
"id": "6ede8075-f33e-5273-8dcd-8d41f3b365f5"
}
}]
}
}
}
Directus知道的ID是 9e34b...
,Gatsby知道的ID是 dc43c...
. 当 gatsby-source-directus
从我的Directus服务器下载图像时,似乎正在创建Gatsby ID . 我做错了什么,或者插件工作不正常 .
我'm hoping someone can helpe me either a) get these to match, or b) query the image' s publicURL
直接关闭用户对象,而不是进行第二次图像查询并尝试过滤图像 .