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

【问题标题】：file upload in react.js using apollo client使用 apollo 客户端在 react.js 中上传文件
【发布时间】：2021-04-04 11:32:39
【问题描述】：

我试图将文件上传到我的 apollo 服务器，但我无法上传任何文件，它不会引发任何错误，但我在解析器中只收到空对象，当我使用 GraphQL 客户端时它可以找到 strong> 喜欢 Altair

使用 Altair Client 时在服务器中输出

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

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

{}

客户端代码

服务器代码

【问题讨论】：

请勿发布代码图片。
@peace 请分享代码而不是图片链接

标签： reactjs graphql apollo react-apollo apollo-server

【解决方案1】：

Apollo 客户端默认不支持上传。如果要启用它们，则需要使用来自apollo-upload-client 的createUploadLink，如here 所示。

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

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

【讨论】：