javascript – React Redux Fetch操作返回“415(不支持的媒体类型)”和“401(未授权)”

我有一个动作,创建一个提取POST客户端回API.

我在“标题”中发送了一个JWT,它本身不是问题,因为它也在GET中使用,工作得很好……但不是在POST中.这是我的行动：

export const createNewClient = (payload) =>
  (dispatch, getState) => {
    dispatch({ type: REQUEST_CREATE_NEW_CLIENT, payload })

    const jwt = getJwt()
    if (!jwt) {
      throw new Error('No JWT present')
    }
    const token = jwt.access_token
    const headers = new Headers({
      'Authorization': `bearer ${token}`
    })
    debugger
    const task = fetch('/api/client/create', {
      method: 'POST',
      body: JSON.stringify(payload),
      headers,
    })
      .then(handleErrors)
      .then(response => response.json())
      .then(data => {
        dispatch({ type: RECEIVE_CREATE_NEW_CLIENT, payload: data })

        dispatch({
          type: SAVE_MESSAGE, payload: {
            message: "Successfully saved client",
            type: 'success'
          }
        })
      })
      .catch(error => {
        //clearJwt()
        dispatch({ type: ERROR_CREATE_NEW_CLIENT, payload: error.message })

        dispatch({ type: SAVE_MESSAGE, payload: { message: error.message, type: 'error' } })
      })
    addTask(task)
    return task
  }

我尝试修改标题以包含UTF-8.

  headers: {
    'Content-Type': 'application/json;charset=UTF-8'
  },

然而,这只给了我401 Unauthorized,这意味着通过使用它是正确的媒体类型,但现在不会被接受.

同样的JWT在Fetch GET命令中工作正常,所以JWT本身不是问题 – 我相信它可能是我写“Fetch”的方式.

现在我在Postman做了同样的事情,但我没有通过这个Fetch …

我错过或错误构造了一个Fetch POST,以便接受JWT等

解决方法:

如果它在提供的图像中工作

然后以下将工作

fetch('/api/client/create', {
  method: 'POST',
  body: JSON.stringify(payload),
  headers: {
    'Authorization': `bearer ${token}`,
    'Content-Type': 'application/json',
  }
})

标签：javascript,reactjs,react-redux,fetch
来源： https://codeday.me/bug/20190828/1752050.html