Как получить клиентом (React) токен после авторизации в VK?

Question

[Per4atku]

Я создаю full-stack приложение на React и Nest.
В Nest у меня есть логика перенаправления на страницу авторизации через вк, так, если пользователь переходит по localhost:3333/auth/vk - его перенаправляет на страницу авторизации. После авторизации пользователя отправляет на localhost:3333/auth/vk/callback где он получает {access_token, refresh_token}.
Код контроллера auth:

@Get('vk')
  @UseGuards(AuthGuard('vk'))
  async vkLogin() {
    // This handler will automatically redirect the user to the VK page for authentication
  }

  @Get('vk/callback')
  @UseGuards(AuthGuard('vk'))
  async vkAuthRedirect(@Req() req, @Res() res) {
    return this.authService.vkLogin(req);
    // returns {access_token, refresh_token}
  }

Моя задача: получить эти самые токены со стороны React и сохранить их в локальное хранилище. Очевидно, я не могу просто обратиться к callback с помощью get запроса, так что я даже не представляю, как можно взаимодействовать с ним со стороны клиента.

Comments

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента. Также обратите внимание на п.3.4

[szQocks]

те надо из всей этой цепочки запросов, в ответе в конечном записать в куку refreshToken и перебросить юзера куда-то на фронт, например example.com/socials?first_auth='YEEEBOY' - где ты в useEffect отлавливаешь этот параметр, если он там есть - отправляешь запрос на refresh

[Per4atku]

szQocks, то есть перебросить юзера на фронт и в параметрах указать токены? И уже в реакте отлавливать эти параметры?
Или в несте сохранить в куки?

[szQocks]

Per4atku, предположу что здесь

async vkAuthRedirect(@Req() req, @Res() res) {
    return this.authService.vkLogin(req);
    // returns {access_token, refresh_token}
  }

res.setHeader('Set-Cookie' ...

res.redirect('example.com/socials?first_auth=...

[szQocks]

Per4atku,

то есть перебросить юзера на фронт и в параметрах указать токены?

- можешь и так, как тебе будет удобнее

[Per4atku]

szQocks, ага, понял, в таком случае, нужно будет запустить бэк и фронт на одном порту?

[szQocks]

Per4atku, нет

[szQocks]

Per4atku, фронт у тебя находится на localhost:3000 а бэк на localhost:5000 , просто редиректишь пользователя на сраный localhost:3000?first_auth=token

[Per4atku]

szQocks, все понял, все реализовал. Спасибо!