javascript - 我的 javascript Async Await api 请求返回一个奇怪的对象

Question

我正在使用 Frisbee 发出 API 请求:

const Frisbee = require('frisbee')

const api = new Frisbee({
  baseURI: 'http://192.168.1.8:4000',
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json'
  }
})

export const handleSubmit = async (values): void => {
  Toast.show('Uploading Product', {
    duration: 3000,
    position: 30,
    shadow: true,
    animation: true,
    hideOnPress: true,
    delay: 0
  })

  try {
    const response = api.post('/products', {
      body: encodeAddProductAction(values)
    })
    if (response.err) throw response.err
    console.log(response)
  } catch (err) {
    console.error(err)
  }
}

export const encodeAddProductAction = (values: any) => {
  const submitPayload = Object.assign({}, values)
  Object.keys(submitPayload).forEach((key) => {
    if (key != 'Categories') {
      submitPayload[key] = encodeURIComponent(
        JSON.stringify(submitPayload[key])
      )
    } else {
      // values[key] = JSON.stringify(values[key])
      submitPayload[key] = submitPayload[key].join(',')
    }
  })

  return submitPayload
}

它的控制台记录了这个:

为什么我的 API 响应主体被埋在一些奇怪的字段中，例如 _55？

我的回复是:

Answer 1

您正在使用 async 但您没有 await 响应，这就是您返回 Promise 的原因。

 try {
    const response = await api.post('/products', {
      body: encodeAddProductAction(values)
    })
    if (response.err) throw response.err
    console.log(response)
  } catch (err) {
    console.error(err)
  }

Async 默认返回一个 Promise。