使用axios显示来自Twitter API的数据

使用axios显示来自Twitter API的数据,api,vue.js,twitter,axios,Api,Vue.js,Twitter,Axios,我被一个Vue项目困住了。我需要在一个带有标签“Vue”的组件中显示10条推文,所以我试图从Twitter API中提取数据(用户名、推文、日期)。我阅读了twitter开发文档,在谷歌上搜索了几个小时,但都建议使用php或python脚本来处理这个请求。axios难道不可能吗?我得到了下面的代码,但是服务器总是响应400 这是我的示例代码(密钥是模拟的): 有人能帮忙吗?也许这不建议在浏览器中使用,因为它会暴露您的令牌和密钥。尝试将axios与Node一起使用。您将无法通过浏览器执行此操作,因

我被一个Vue项目困住了。我需要在一个带有标签“Vue”的组件中显示10条推文,所以我试图从Twitter API中提取数据(用户名、推文、日期)。我阅读了twitter开发文档,在谷歌上搜索了几个小时,但都建议使用php或python脚本来处理这个请求。axios难道不可能吗?我得到了下面的代码,但是服务器总是响应400

这是我的示例代码(密钥是模拟的):


有人能帮忙吗?

也许这不建议在浏览器中使用,因为它会暴露您的令牌和密钥。尝试将axios与Node一起使用。您将无法通过浏览器执行此操作,因为Twitter不允许CORS。哦,我明白了。谢谢你的帮助!那我就试试python。也许这不推荐在浏览器中使用,因为它会暴露您的令牌和密钥。尝试将axios与Node一起使用。您将无法通过浏览器执行此操作,因为Twitter不允许CORS。哦,我明白了。谢谢你的帮助!那我就试试python。
import axios from "axios";

var api_url = "https://api.twitter.com/1.1/search/tweets.json?q=from%3Atwitterdev&result_type=mixed&count=2";
var AUTH_OBJ = {
  oauth_consumer_key: "CONSUMER_KEY",
  oauth_nonce: "kYjzVBB8Y0ZFabxSWbWovY3uYSQ2pTgmZeNu2VS4cg",
  oauth_signature: "tnnArxj06cWHq44gCs1OSKk%2FjLY%3D",
  oauth_signature_method: "HMAC-SHA1",
  oauth_timestamp: "1318622958",
  oauth_token: "TOKEN_FROM TWITTER_DEV",
  oauth_version: "1.0"
};

axios.defaults.headers.common["Authorization"] = AUTH_OBJ;

function getData() {
  axios.get(api_url)
    .then(function (response) {
      console.log(response)
  });
}