javascript - ReactJs 不存在授权 header

Question

我正在尝试使用 reactjs 从我的 api 调用中获取返回的 json 数据。1. 我尝试在 fiddler 上运行带有有效承载 token 的 url，它给了我正确的结果。2. 我尝试在下面的 fetch 调用中使用相同的 url，并在 react 代码中使用相同的 fiddler 生成的持有者 token 。

它抛出 401 未经授权的错误。

我比较了 AUTH 选项卡下的第 1 点和第 2 点 fiddler 请求。一个具有正确的不记名 token ，但第二个具有正确的不记名 token ，即 react 代码显示“不存在授权 header ”。我在 react 代码中发送 token ，但为什么它说“不存在授权 header ”

componentDidMount () {
  const url = 'my reallyworking api url on fiddler';
  fetch(url
    , {
      method: 'POST',
      crossDomain: true,
      mode: 'no-cors',
      headers: new Headers({
        'Authorization': 'Bearer ' + 'token generated from fiddler after running auth',
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      })
    }
  )
    .then(res => res.json())
    .then(
      (result) => {
        alert('success');
        this.setState({
          isLoaded: true,
          gridData: result.items
        });
      },
      (error) => {
        this.setState({
          isLoaded: true,
          error
        });
      }
    );
}

Fiddler 没有显示任何标题。下面是我的 fiddler 跟踪

POST https://myurl HTTP/1.1
Host: myHost
Connection: keep-alive
Content-Length: 0
accept: application/json
Origin: https://localhost:xyz
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.119 Safari/537.36
Referer: https://localhost:xyz/testfetch
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9

注意:1. 我创建了一个 headers 对象 headers: new Headers({'content-type': 'application/json'}), as explained here2. 我没有按照说明使用同构提取 here

Answer 1

尝试检查 Postman 中的 API .这将显示对您的详细请求和响应。