首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么在postman中成功地执行了使用fetch in my react应用程序进行的post调用?

为什么在postman中成功地执行了使用fetch in my react应用程序进行的post调用?
EN

Stack Overflow用户
提问于 2022-07-22 11:56:24
回答 1查看 44关注 0票数 0

我正在使用获取在我的反应应用程序(Redux)进行一个post API调用,并得到一个‘401-未经授权’错误。但是,我使用相同的授权令牌在postman中发出了相同的post请求,它返回了一个成功的响应。

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

有人能帮我解决这个问题吗?我在下面添加了代码:

代码语言:javascript
运行
复制
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 };
    }
  }
);

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-07-22 12:11:00

改变:

代码语言:javascript
运行
复制
body: {user_id: '6000', title: 'wakeup', status: 'pending', due_on: '2022-07-22T10:40:36.630Z+10:40'}

致:

代码语言:javascript
运行
复制
body: JSON.stringify({user_id: '6000', title: 'wakeup', status: 'pending', due_on: '2022-07-22T10:40:36.630Z+10:40'})
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73079975

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档