Как получить данные из дочернего окна при редиректе?

Question

[Роман Ямчук]

Для авторизации oauth в моём vuejs-приложении, открываю дочернее окно к примеру:

let vk_window = window.open(endpoint)
let redirect_uri = new RegExp(auth.settings.redirect_uri)
let watch_timer = setInterval(() => {
  try {
    let vk_location = vk_window.location
    if (redirect_uri.test(vk_location)) {
      clearInterval(watch_timer)
      let data = vk_window.location.hash.substring(1).split('&')
      //парсим data
      //устанавливаем токен
      //аутентифицируем

      vk_window.close()
    }
  } catch (error) {
    throw error
  }
}, 500)

Но в этом случае в консоли родительского окна сыпется ошибка Uncaught DOMException: Blocked a frame with origin "localhost:8080" from accessing a cross-origin frame.

Есть ли альтернативное решение, не перезагружающее родительское окно?

Comments

[Роман Ямчук]

если кому то пригодится то код изменился таким образом:

let vk_window = window.open(endpoint)

window.addEventListener('message', (event) => {
  if (event.data.auth == 'success') {
    //парсим event.data.response
    //устанавливаем токен
    //аутентифицируем
    event.source.close()
  }
} , false)

на странице /token

export default {
  created() {
    let data = location.hash.substring(1).split('&')
    window.opener.postMessage({ auth: 'success', response: data }, '*')
  }
}

Answer 1

[Дмитрий Беляев]

В настройках vk-App есть параметр redirect uri - с него нужно вернуть html со скриптом, который кидает данные авторизации родительскому окну через postMessage

Comments

[Роман Ямчук]

Как раз натолкнулся на мануалы с postMessage, но слал из родительского окна дочернему. Благодарю за помощь!