Angular 2 - Twitter 搜索 api - 预检时仅应用程序的身份验证错误 400

Posted 2023-03-04

【中文标题】Angular 2 - Twitter 搜索 api - 预检时仅应用程序的身份验证错误 400

【英文标题】：Angular 2 - Twitter search api - Application-only authentication error 400 on preflight

【发布时间】：2017-03-01 07:51:12

【问题描述】：

我尝试使用仅限应用程序的身份验证调用 twitter 搜索 API

但我无法按照文档获取不记名令牌：https://dev.twitter.com/oauth/application-only

let urlAuth = 'https://api.twitter.com/oauth2/token';
let apiKey = encodeURIComponent('xxx');
let apiKeySecret = encodeURIComponent('xxx');
let encoded = btoa(apiKey + ':' + apiKeySecret);
let body = 'grant_type=client_credentials';
let options = 
   headers: new Headers(
    'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
    'Authorization': 'Basic ' + encoded
   )
;

this.http.post(urlAuth, body, options)
  .subscribe(data => 
    console.log('twitter auth', data);
  );

这是网络日志：

Request URL:https://api.twitter.com/oauth2/token
Request Method:OPTIONS
Status Code:400 
Remote Address:104.244.42.194:443

可以从本地主机吗？来自客户端？

【参考方案1】：

这是因为 CORS 预检请求 (https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#Preflighted_requests)

现在 Twitter API 似乎不支持 CORS。唯一的方法是从后端服务器发出请求。