我在哪里错了,当上传文件到graphql api服务器使用axios从nextjs应用程序?

2022-01-14 12:19:14 标签 apiaxiosnext.jsapollo-servergraphql-js

我正在构建一个下一个js应用程序。我想用axios上传文件到graphql服务器。但是我得到了错误的图像

但我不知道我错在哪里。请帮助我。

这里是上传功能-

import Image from "assets/Hero-bg.jpg"
var formData = new FormData();
    formData.append('operations', '{ "query": "mutation($file: Upload!) {signUp(avatar: $file, input: {name: "Siam Ahnaf", email: "siamahnaf198@yahoo.com", password: "siam1980"}){message, token}}", "variables": { "file": null } }');
    formData.append('map', '{ "0": ["variables.file"] }');
    formData.append('0', Image);
    await axios({
        url: "http://localhost:3001/graphql",
        method: "post",
        data: formData,
        Headers: {
            'Accept': 'application/json'
        }
    })
        .then(response => console.log(response))
        .catch(error => console.log(error));

下面是突变查询

mutation signUp($avatar: Upload!) {
  signUp(
    avatar: $avatar
    input: { 
      name: "Siam Ahnaf"
      email: "siamahnaf198@yahoo.com"
      password: "12345678" }
  ) {
    message
    token
  }
}

请帮助我。我有很多天的问题至少两个月。我还不能解决它。

阅读全文

▼ 版权说明

相关文章也很精彩
推荐内容
更多标签
相关热门
全站排行
随便看看

错说 cuoshuo.com —— 程序员的报错记录

部分内容根据CC版权协议转载;网站内容仅供参考,生产环境使用务必查阅官方文档

辽ICP备19011660号-5

×

扫码关注公众号:职场神器
发送: 1
获取永久解锁本站全部文章的验证码