Как исправить ошибку «No 'Access-Control-Allow-Origin' header...» при аплоадинге карт
 

Делаю веб-приложение, которое будет постить картинки в группу. По клику на кнопку открываю попап, запрашивающий разрешение на доступ приложения к фотографиям группы. В ответ приходит access_token, который я использую при вызове 'photos.getWallUploadServer'. На полученный от этого сервиса адрес делаю post-запрос с картинкой. Фрагмент кода, вызывающий ошибку:

VK.Api.call('photos.getWallUploadServer', { group_id: vk.VK_GROUP_ID, access_token: event.data.access_token}, function (answer) {
    this.$http.post(answer.response.upload_url, { photo: this.canvas.toDataURL() }).then(response => {
        console.log(response.body);
    });
}.bind(this));

Вызов 'photos.getWallUploadServer' проходит, в answer.response.upload_url приходит адрес сервера. Но при попытке запостить на него картинку в консоли получаю ошибку:

Заголовок Access-Control-Allow-Origin разрешающий доступ к данным передает сервер и клиент никак не может изменить политику стороннего сервера.

Это я знаю. Я предполагаю, что возможно не хватает каких-то дополнительных действий. Или суть в том, что с аплоадинг в вк вообще нельзя делать с помощью ajax-запроса с клиента, а нужно выполнять его с сервера (например, с помощью php)?

Каких действий? В данном случае клиент беспомощен. Речь об API, а значит по идее должно быть разрешение. Но возможно к каким-то конкретным данным даже доступ в рамках API запрещен. Я не в курсе этого.

А вот если запрос к этим данным сделать через свой сервер, то у него таких ограничений нет. Но тут тоже не обязательно можно получить ответ, например запрашиваемый сервер определяет с чего был запрос, с сервера или из под браузера.

Спасибо. Значит буду пробовать серверный вариант.