VUE + VK API + JSONP — как сделать запрос?

Question

[sacden777]

Подскажите пожалуйста, вопрос касается кроссдоменного запроса с использованием JSONP и VUE JS и API VK
Есть FAQ vk c примером использования - (пункт 4.1.) на чистом javascript все работает, но проблема возникает с переносом в проект во vue.

JSONP возвращает callback функцию. Вопрос, как правильно ее прописать во VUE? Когда я использую код (см. ниже), у меня вылетает ошибка - Uncaught ReferenceError: callbackFunc is not defined, что означает - функция неопределена. Но как ее определить тогда? Перекопал весь интернет, ничего не нашел. Буду очень благодарен, если подскажите.

methods: {
        callbackFunc: function (result) {
        console.log(result.response)
        },
         addCounter: function(){
         let script = document.createElement( 'script' );
         //function callbackFunc(result){};
         script.src = "https://api.vk.com/method/users.get?fields=id,first_name,last_name,photo_big&v=5.92&access_token=" + mytoken + "&callback=callbackFunc";
         document.getElementsByTagName( 'head' )[ 0 ].appendChild( script );
       },

Comments

[WapSter]

Как все запущено. Чувак выучи сначала js потом уже vue. Это делается примерно так

async getApiVk() {
  const response = await fetch('https://api.vk.com/method/users.get?user_ids=210700286&fields=bdate&access_token=533bacf01e11f55b536a565b57531ac114461ae8736d6506a3&v=5.124',{
    method: 'GET'
  })
  const result = await response.json()
}

Потом это куда нибудь записывается.

[sacden777]

WapSter, такой код с json не прокатит, так как будут проблемы с cors, а именно ошибка: Cross-Origin Request Blocked. Я пробовал и с fetch и c XMLHttpRequest. По-этому в моем случае используется jsonp, который возвращает callback...и который у меня не получается вывести.

[Somewhere Intech]

sacden777, https://www.npmjs.com/package/vue-jsonp
?

[sacden777]

Johnny Lowhunter, спасибо за совет, а можешь показать как устанавливать этот плагин и на моем примере вывести в консоль любые данные из вк через Jsonp? скину 500руб на яндекс кошелек, как благодарность. Заранее благодарю!

[Somewhere Intech]

sacden777, на фрилансе сделает любой за 500 р

[Юрий Косенко]

В итоге удалось найти решение? Столкнулся с похожей проблемой