如何使用axios对instagram进行api调用而没有CORS错误

Question

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，但我不断收到此错误：

我正在使用React。

任何帮助都会很棒。

Answer 1

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

使用Instagram API的Access-Control-Allow-Origin

instagram jquery ajax type =“ GET，无法绕开CORS

Answer 2

您可以使用中间人在服务器端进行请求。 当我搜索“ no cors npm”时，有几种可供选择，但这是一个示例： https ://www.npmjs.com/package/cors