使用apollo客户端在react.js中上传文件

Question

我试图将文件上传到我的 apollo 服务器，但我无法上传任何文件，也不会引发任何错误，但我在解析器中只收到空对象，当我使用像Altair 这样的GraphQL客户端时，它可以正常工作

使用 Altair 客户端时在服务器中输出

{
    filename: 'Copy of Massive Orange Summer Sale Animated-300x250px-MediumRectangle.png',
    mimetype: 'image/png',
    encoding: '7bit',
    createReadStream: [Function: createReadStream]
}

使用 @apollo/client 包时服务器中的输出

{}

客户代码

服务器代码

Answer 1

Apollo Client 默认不支持上传。如果您想启用它们，您需要使用createUploadLinkfrom apollo-upload-client，如下所示。

import { createUploadLink } from 'apollo-upload-client';

const client = new ApolloClient({
  cache: new InMemoryCache(),
  link: createUploadLink(),
});