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

Question

我想知道为什么我的 Chrome 开发工具没有显示我提出的请求的标题。我想向 Twitter API 发送请求，它需要一个 Authorization 标头。

我正在执行以下代码：

 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 是否只显示基本标题？这是怎么回事？

Answer 1

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

来自：/sf/answers/1372340581/