javascript - react + redux - 401 - 未经授权 - 请求 header 中缺少 header

标签 javascript reactjs redux authorization redux-saga

return fetch(`{SERVICE API URL}`, {
  method: 'GET',        
  headers: {
    'userName': "username",
    'password': "password",
    'content-type': 'application/json'
  }
})
.then(response => response.json())
.then(json => dispatch(receivePosts(reddit, json)))

我正在尝试获取带有授权 header 的服务 API 数据,但收到 401 - 未经授权的错误并且响应是缺少请求 header

也尝试发送带有正文的授权内容 - 出现相同的错误 401 - 未经授权的错误。

已编辑:

enter image description here

 headers: {
        'userName': "xyz",
        'sessionToken': "xyz................."
      }

当我检查 Postman 客户端时,它工作正常,但不是使用 redux-saga 获取方法。请为此帮助我。

最佳答案

看起来是后端问题 - CORS Filter 配置

如果后端在不同的服务器上(可能在同一台机器上,但在不同的应用程序服务器上,换句话说,在不同的端口上)你必须做一些 CORS 过滤器配置。

前端代码在服务器上运行——这意味着它是一个应用程序。 Postman 是一个客户端,就像 Google Chrome 或任何其他浏览器一样。这就是为什么您可以毫无问题地从 Postman 执行请求但从您的前端应用程序不成功的原因。

我猜你启用了 Access-Control-Allow-Origin后端的 header

现在您必须使用 Access-Control-Allow-Headers允许您的自定义 header

关于javascript - react + redux - 401 - 未经授权 - 请求 header 中缺少 header ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44026642/

相关文章:

javascript - 光滑的轮播下一个和上一个按钮显示在上方/下方,而不是左/右

javascript - 调整浏览器全页 js 大小时消除延迟

reactjs - 大量输入后 TextInput 变慢 React-native

javascript - 无法在客户端填充缩略图

javascript - 在 JavaScript 中使用 Function.caller 的共识是什么?

javascript - Angular - 共享 html 格式化函数

javascript - 如何更新或操作从父级加载到 iframe 中的内容?

javascript - ant design 选择占位符问题

javascript - 在react redux中唯一地计算某些元素

reactjs - 加载文件项后如何仅从 dataTransfer 调度 FileList