Как настроить graphql-upload с помощью koa-graphql?

В настоящее время я использую koa-graphql для настройки сервера graphql с маршрутизатором koa, пытаясь подключить к нему graphql-upload, чтобы я мог загружать файлы, однако я получаю пустой объект при отправке файла через мутацию

server.js

import '@babel/polyfill';
import Koa from 'koa';
import bodyParser from 'koa-bodyparser';
import Router from 'koa-router';
import graphqlHTTP from 'koa-graphql';
import schema from './../graphql/schema';
import rootValue from './../graphql/resolvers/index';

const port = parseInt(process.env.PORT, 10) || 3000;

const server = new Koa();
const router = new Router();
server.use(bodyParser({jsonLimit: '50mb'})); 
router.all('/graphql', graphqlHTTP({schema, rootValue}));
server.use(router.allowedMethods());
server.use(router.routes());
server.listen(port, () => console.log(`Running on PORT ${port}`));

schema.js

import {buildSchema} from 'graphql';

export default buildSchema(`
  scalar Upload

  type Obj {
    _id: ID!
    image: String!
    title: String!
  }

  type RootQuery {
    objs: [Obj]!
  }

  type RootMutation {
    createObj(obj: ObjInput!): String!
  }

  input ObjInput {
    title: String!
    image: Upload!
  }

  schema {
    query: RootQuery
    mutation: RootMutation
  }
`);

резолверы

import rootQuery from './query';
import rootMutation from './mutations';
import {GraphQLUpload} from 'graphql-upload';

export default {
  Upload: GraphQLUpload,
  ...rootQuery,
  ...rootMutation
};

https://www.npmjs.com/package/koa-graphql

https://www.npmjs.com/package/graphql-upload


person Kevin Mangal    schedule 18.08.2020    source источник


Ответы (2)


Как упоминалось в graphql-upload инструкциях по установке, вам необходимо реализовать _ 2_ промежуточного программного обеспечения из _ 3_.

Пример:

import { graphqlUploadKoa } from 'graphql-upload';
// Ideally set this up for POST requests on the `/graphql` route, before GraphQL server middleware runs.
koaApp.use(graphqlUploadKoa({ maxFileSize: 10000000, maxFiles: 10 }))
person Jayden Seric    schedule 01.12.2020

Из руководства, содержащегося в документации npm по графической загрузке https://www.npmjs.com/package/graphql-upload.

import  { GraphQLUpload , graphqlUploadKoa } from 'graphql-upload'

new Koa().use(graphqlUploadKoa({ maxFileSize: 10000000, maxFiles: 10 }))

В вашей схеме добавьте это наверх

typeDefs: /* GraphQL */ `
    scalar Upload
  `,

В вашем резольвере

  resolvers: {
    Upload: GraphQLUpload,
  },
person Ayotunde Ajayi    schedule 23.06.2021