如何使用koa-graphql设置graphql-upload？

Question

当前使用koa-graphql设置带有koa路由器的graphql服务器，尝试将graphql-upload连接到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

Answer 1

正如graphql-upload setup instructions中提到的，您需要从graphql-upload实现graphqlUploadKoa中间件。

示例：

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 }))

Answer 2

从graphql-upload npm documentation 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,
  },