呼叫端点时以百分比显示进度-axios

Question

我有一个函数可以在我的reactjs应用程序中调用一个端点。对于网络通话，我使用了axios。我想实现一个progressBar，它实际上显示了端点调用完成的百分比。我的功能看起来像这样

export function createNewPost(postData) {

return dispatch => {
    dispatch(loading());
    axios.post(`${API_URL}/submit?u_id=${userId}&heading=${encodedHeading}`, data, token)
      .then(res => {
        const {response} = res.data;
        if (response === 200) {
          dispatch(redirect(`/closed_group/posts/${requestedId}`))
          } 
          else {
            dispatch(createPostRealNameSuccessNoPreview());
          }
        } 
      });
  }
}

我发现我可以在axios中使用onUploadProgress来做到这一点 source

const config = {
    onUploadProgress: progressEvent => console.log(progressEvent.loaded)
}

axios.put('/upload/server', data, config)

但是我面临的问题是因为我正在使用tokens，所以无法使用config，因为它将变成invalid number of arguements。我该如何解决？