GraphQL 文件上传纯 JS “必须提供查询字符串。”

Question

我正在使用普通 JS 将文件上传到 GraphQL API。 几个月来我一直在同一个来源做这件事，现在正试图用 NodeJS 在外部实现完全相同的东西。

我的代码看起来像这样：

const FormData = require('form-data');
const fs = require('fs')
const axios = require('axios')

const payload = generateRequest(input)

axios.post(apiBaseUrl + "/graphql", payload, {
      headers: {...payload.getHeaders()}
    }).then(response => {
        let res = response.data
        if (res.data.triggerPcWorkflow.status === 200) {
            console.log("success!")
        } else {
            console.error(res.data.triggerPcWorkflow.message)
        }
      })
      .catch(err => {
          if (err.response) {
              console.log(err.response.data);
              console.log(err.response.status);
              console.log(err.response.headers);
          }
      })

使用generateRequest function 生成多部分有效负载（ https://github.com/jaydenseric/graphql-multipart-request-spec ）。

我在localhost:5000和mycooldomain.com上运行了两个相同版本的后端。 将apiBaseUrl设置为http://localhost:5000时，一切正常。 但是，只需将 URL 更改为https://www.mycooldmain.com我收到 400 错误， { errors: [ { message: 'Must provide query string.' } ] } { errors: [ { message: 'Must provide query string.' } ] }

顺便说一句：一个简单的query适用于两个 URL...

这是我的generateRequest function：

const mutation = `
mutation MyMutation($xyz: String) {
    doSomething(myInput: $xyz) {
        status 
        message
    }
}
`

let sendData = new FormData();
const fileNull = [];
    
// map
files = generateRequestInput.files
let map = '{'

for (let i = 0; i < files.length; i++) {
  fileNull.push(null);
  map += `"${i}": ["variables.files.${i}"], `
}

map = map.substring(0, map.length-2);
map += '}'

// operations
const operations = JSON.stringify({
    query: mutation,
    variables: {
        "xyz": "Hello"
    }
  });

// build payload
sendData.append("operations", operations)
sendData.append("map", map)
for (let i = 0; i < files.length; i++) {
    sendData.append(i, files[i]);
}

return sendData

我知道map看起来有点丑，但这不是重点（除非是）。

有没有人遇到过类似的问题或知道我的错误是什么？ 谢谢！

Answer 1

我跳过了axios依赖项并直接使用FormData实现了请求。

下面的代码有效。

function makeRequest(formData, options) {
  formData.submit(options, (err, res) => {
    if (err) {
      console.error(err.message)
      return
    } else {
      
      if (res.statusCode < 200 || res.statusCode > 299) {
        console.error(`HTTP status code ${res.statusCode}`)
      }
      
      const body = []
      res.on('data', (chunk) => body.push(chunk))
      res.on('end', () => {
        const resString = Buffer.concat(body).toString()
        console.log(resString)
      })
    }
  })
}

const options = {
  host: 'mycooldomain.com',
  port: 443,
  path: '/graphql',
  method: 'POST',
  protocol: 'https:'
}

makeRequest(payload, options)