使用 React 获取推文

Question

我正在使用 Twit 包来提取推文。我不断收到错误 400，并且

无法加载https://api.twitter.com/1.1/statuses/user_timeline.json?screen_name=twitterdev&count=10：对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，Origin 'http://localhost:3000' 不允许访问。响应的 HTTP 状态代码为 400。如果不透明的响应满足您的需求，请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。

大部分内容都可以与 vanillajs 一起使用，但是一旦我导入 React，我就会遇到这些错误。我该如何解决？为了安全起见，我已取出 API 密钥。

import React, { Component } from 'react';
import Twit from 'twit';

export default class Twitter extends Component {

  componentDidMount() {
    const T = new Twit({
      consumer_key:         '...',
      consumer_secret:      '...',
      access_token:         '...',
      access_token_secret:  '...'
    })

    let params = {
      screen_name: 'twitterdev',
      count: 10
    };

    function getData(err, data, response) {
      let tweet = data;

      for (var i = 0; i<tweet.length; i++) { 
        console.log(tweet[i].text); 
        console.log();
       }
    }

    T.get('statuses/user_timeline', params, getData);
  }

  render() {
    return(
      <div></div>
    )
  }
}

Answer 1

Twitter API does not 支持 CORS 请求。这就是你想要做的。从不同的域访问 API。您必须在本地服务器上创建一个定制的 url，将请求代理到 Twitter API。