Запрос на локале к vk api через axios возвращает No 'Access-Control-Allow-Origin' header is present on the requested resource?

Question

[LMI]

На React делаю запрос к VK API через axios. Запрос делаю на localhost.

componentDidMount() {
    axios.get('https://api.vk.com/method/groups.getById?gid=27541941&fields=members_count')
    .then(res => {
      const lol = res.data;
      console.log(lol);
    });
  }

И в консоли возваращет еррор:

MLHttpRequest cannot load https://api.vk.com/method/groups.getById?gid=39094469&fields=members_count. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://smns.loc' is therefore not allowed access.

Как пофиксить?

Comments

[Kovalsky]

https://stackoverflow.com/questions/20035101/

[Виктор Л]

тук

Answer 1

[LMI]

РЕШЕНА часть проблемы. Дело в том, что axios работает только с json. А кроссдоменные запросы для vk api требуют type: jsonp. Пробовал делать запрос на jQuery с type: jsonp и все работает. Вопрос только в том, что использовать на React для JSONP....?

Comments

[Михаил Захаров]

Спасибо, что отметили мой комментарий как ответ.

[ahmedes]

Михаил Захаров, спасибо вам за ответ!! наконец решил эту проблему, вот пакет нашел также https://www.npmjs.com/package/fetch-jsonp

Answer 2

[Михаил Захаров]

Это связано с https. Запрос должен быть либо с домена с https. Попробуй убрать https: из url'a.

Comments

[Михаил Захаров]

Надо приписывать type: JSON, если есть такое в React. С ним не знаком, но знаю, что аякс запрещает делать запросы на другие серваки. А type: JSON или JSONP поможет это обойти )