首页 > 解决方案 > 使用 Fetch API 的 javascript HTTP GET 返回 401 Unauthorized 但在 Postman 中有效

问题描述

我已经搜索了已经解决的类似答案,但没有人帮助,也许我错过了一些小但重要的细节,请给我提示。

我正在尝试使用 Fetch API 发出普通的 HTTP GET 授权请求。它在 Postman 中成功运行,但我无法以 js 代码的形式重现同样的成功......((

js代码:https ://codepen.io/iexcept/pen/jpEQgm?editors=1011

var url = 'https://core1.dev.bravais.com/api/v3/context/update';
document.cookie = 'Bravais-dev-Context="pP9xIpeU3JXF6+KIVtz2P/8bXJUq5A5FtRSfhDpA2ZrAgUqDOZZfuKnMvLPncMuDgj2Su8trzdDAzB5kAOcAmVD5sh95KdIBRlkyioIZeds8rXn0kk6XjfkWHs/L4jNZYWho4RsW3nELC4u9pO/V4uX6LhsG/LI7Qwsgtd0NTNj4aN4/uu92bESX2F0UZv5SZmRPsdtnCB1pIXpqf0KZ5ZqRdd8+R/wuHfeb6jsy5QI=";Domain=.dev.bravais.com;Path=/;Secure';
fetch(url, {
  credentials: 'include', // include the cookie needed for authorization
})
.then(response => response.json())
.then(data => {
  console.log(data) // Prints result from `response.json()`
})
.catch(error => console.error(error.toString()));

“类型错误:无法获取”

甚至 Chrome 的 ~"Allow CORS" 扩展也无济于事。它已安装并启用:

在此处输入图像描述

但!该请求在 Postman 应用程序中运行良好(当然添加了相同的身份验证 cookie),证明:

在此处输入图像描述

在此处输入图像描述

标签: javascript

解决方案


推荐阅读