Chrome开发者工具未显示所有请求头信息

Question

Chrome开发者工具未显示所有请求头信息

javascripthttp-headersangularjsonpgoogle-chrome-devtools

9

我希望知道为什么我的Chrome开发者工具没有显示我在请求中放置的头信息。我想向Twitter API发送一个请求，它需要一个授权头信息。

我正在执行以下代码：

 getTweets(hashtag : string){
        var headers = new Headers();
        headers.append('Test-Test', '123456789');
        headers.append('Authorization', 'Bearer AAAAAAAAAAAAAAAAAAAAAONruQAQda4njz64ske7axXN9sw4U0oU%3Dr1niTwVKwXomZczDKgN0wWHWEMPrPcnXXMgVQhiTIzays7J');


      return this.jsonp.get('https://api.twitter.com/1.1/search/tweets.json?q=canada&callback=JSONP_CALLBACK', {headers: headers});  
    }

然而它没有返回预期的数据。

当我进入Chrome开发者工具时，我没有看到我添加的头信息列在请求中。

为什么会这样？我没有正确添加头信息吗？Chrome开发者工具只显示基本头信息？发生了什么事情？

- CodyBugstein

3

这不是重复的问题，并且作为原始“重复项”的链接答案并没有回答实际问题。问题出在Chrome Dev Tools网络选项卡上，该选项卡未显示请求的所有头信息。我遇到了同样的问题，即“头信息”选项卡未显示所有请求头。 - Joshua Kemmerer

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- sreeramu · Accepted Answer

使用JSONP时，无法控制浏览器发送的标头。JSONP是一个巧妙的技巧（或者说是一个骗局，这取决于你怎么看待它...），它包括插入一个指向服务器端点的<script>标签。最终，浏览器将决定在通过<script>标签请求脚本时发送哪些标头，您无法影响它。

来自: https://dev59.com/VnjZa4cB1Zd3GeqPd2sR#19604865