为什么在我的反应应用程序中使用 fetch 发出的调用在邮递员中成功执行时会失败？

Question

我正在我的反应应用程序（redux-thunk）中使用 fetch 进行发布 API 调用，并收到“401-未授权”错误。 但是，我在邮递员中使用相同的授权令牌发出了相同的发布请求，它返回了成功的响应。

在尝试多个修复程序时，我发现我能够在独立节点应用程序中使用 npm 请求库成功发布请求。 因此，我假设我在反应应用程序中使用 fetch 进行调用时遗漏了一些东西。 不幸的是，我无法在我的反应应用程序中使用请求库，因为它已被弃用并引发不必要的错误。

有人可以帮我解决这个问题吗？ 我在下面添加了我的代码：

 export const addTodoAsync = createAsyncThunk( "todos/addTodoAsync", let token = '22e745f508990f40c97feccf5cf3397f7fbe0ae96f6b7baf051fccbcbb8267df'; async (payload) => { const response = await fetch('https://gorest.co.in/public/v1/todos', { method: "POST", headers: { Accept: "application/json", "Content-Type": "application/json", Authorization: `Bearer ${token}` }, body: {user_id: '6000', title: 'wakeup', status: 'pending', due_on: '2022-07-22T10:40:36.630Z+10:40'} }); if (response.ok) { let todo = await (response.json()).data; return { todo }; } } );

Answer 1

改变 ：

body: {user_id: '6000', title: 'wakeup', status: 'pending', due_on: '2022-07-22T10:40:36.630Z+10:40'}
      

至 ：

body: JSON.stringify({user_id: '6000', title: 'wakeup', status: 'pending', due_on: '2022-07-22T10:40:36.630Z+10:40'})