如何使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错误
我使用反应。
任何帮助将是伟大的。
答
您可以使用一个中间人,让您的请求的服务器端。有几种可供选择,当我搜索'没有cors npm',但这里是一个例子:https://www.npmjs.com/package/cors
+0
理想情况下,您可以配置您的服务器发送此请求,但如果您不想获得该技术,则此功能非常有用,对于测试尤其方便。 – Henkers
是啊我得到它与jQuery使用jsonp工作,但axios不支持jsonp –
这是问题的正确答案这是问。如果axios不支持JSONP,这是一个不同的问题(如果你想从你的前端JavaScript代码中使用Instragram API,解决方案是不使用axios)。你不需要jQuery来使用JSONP - 你只需要使用标准的JavaScript和DOM来在DOM中创建一个'script'元素并将其'src'属性设置为'https://api.instagram.com/v1/users/self /?access_token ='+ token'值。 – sideshowbarker