Axios API Twitter 请求不返回用户推文

Question

我正在尝试调用 Twitters API 并取回我的推文，以便我可以将它们发布到我正在创建的网站上。

当我运行以下代码时出现错误。

XMLHttpRequest 无法加载 https://api.twitter.com/1.1/search/tweets.json?q=%SamSchaeferSays。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'http://localhost:3333' 不允许访问。响应的 HTTP 状态代码为 400。”和“bundle.js:30041 Uncaught (in promise) Error: Network Error.

我是不使用 PHP 的 API 调用的新手 - 不知道我在这里做错了什么。

const tweet = 'https://api.twitter.com/1.1/search/tweets.json?q=%SamSchaeferSays';
function getUserTweet() {
    return axios.get(`${tweet}`).then(function(response){
        console.log(response.data)
        console.log(response.status)
    });
}

OAuth 字符串示例

const DST = `OAuth oauth_consumer_key="${consumerKey}",
oauth_nonce="${}", 
oauth_signature="${}", 
oauth_signature_method="${}", 
oauth_timestamp="${}", 
oauth_token="${}", 
oauth_version="1.0"
 `;

Answer 1

400 Bad Request 错误表示服务器不理解您的请求。在您的情况下，有一个错字会阻止请求通过（额外的%）。试试这个：

const tweet = 'https://api.twitter.com/1.1/search/tweets.json?q=SamSchaeferSays';
function getUserTweet() {
    return axios.get(`${tweet}`, { headers: { 'Authorization': 'YOUR_OAUTH_HEADER' } }).then(function(response){
        console.log(response.data)
        console.log(response.status)
    });
}

这将修复400 Bad Request 错误，但您不会恢复任何数据。 Twitter API 要求您授权您的请求。在their documentation 中了解更多信息。

为了允许应用程序提供这些信息，Twitter 的 API 依赖于 OAuth 1.0a 协议。在非常简化的层面上，Twitter 的实现要求需要授权的请求包含一个额外的 HTTP 授权标头，其中包含足够的信息来回答上面列出的问题。上面显示的 HTTP 请求的一个版本，经过修改以包含此标头，如下所示（通常 Authorization 标头需要位于一行，但为了便于阅读，已在此处包装）：