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

时间:2016-04-10 06:46:21

标签: javascript http-headers angular jsonp google-chrome-devtools

我想知道为什么我的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 Dev Tools Request

这是为什么?我没有正确添加标题吗? Chrome Dev Tools仅显示基本标题吗?发生了什么事?

1 个答案:

答案 0 :(得分:0)

使用JSONP时无法控制浏览器发送的标头。 JSONP是一个聪明的技巧(或黑客,取决于你如何看待......),包括插入指向服务器端点的<script>标记。最终,浏览器会决定在通过<script>标记请求脚本时发送哪些标头,而您无法对其进行影响。

来自:https://stackoverflow.com/a/19604865/3279156