如何使API调用的Instagram与爱可信不CORS错误

问题描述:

componentDidMount() { 
let token = this.getAccessToken('access_token'); 

let config = { 
    headers: { 
    'Access-Control-Allow-Origin': '*', 
    'Content-Type': 'application/json', 
    Accept: 'application/json' 
    } 
} 

if (token) { 
    axios.get('https://api.instagram.com/v1/users/self/?access_token=' + token, config) 
    .then(res => { 
     console.log(res) 
    }) 
    .catch(err => { 
     console.log(err) 
    }) 
} 

尝试连接到的Instagram的API调用的,但我不断收到此错误:如何使API调用的Instagram与爱可信不CORS错误

enter image description here

我使用反应。

任何帮助将是伟大的。

我不认为Instagram支持跨源请求。他们确实支持jsonp。

Access-Control-Allow-Origin with instagram api

instagram jquery ajax type="GET, can't get around CORS

+0

是啊我得到它与jQuery使用jsonp工作,但axios不支持jsonp –

+0

这是问题的正确答案这是问。如果axios不支持JSONP,这是一个不同的问题(如果你想从你的前端JavaScript代码中使用Instragram API,解决方案是不使用axios)。你不需要jQuery来使用JSONP - 你只需要使用标准的JavaScript和DOM来在DOM中创建一个'script'元素并将其'src'属性设置为'https://api.instagram.com/v1/users/self /?access_token ='+ token'值。 – sideshowbarker

您可以使用一个中间人,让您的请求的服务器端。有几种可供选择,当我搜索'没有cors npm',但这里是一个例子:https://www.npmjs.com/package/cors

+0

理想情况下,您可以配置您的服务器发送此请求,但如果您不想获得该技术,则此功能非常有用,对于测试尤其方便。 – Henkers