Ошибка «всплывающее окно закрыто пользователем» при входе в Google

Я использую вход в Google, и он отлично работает локально. Но когда я помещаю его на сервер и пытаюсь войти, я получаю

    'Uncaught: popup closed by user'

Я отключил свой блокировщик рекламы и все, что может мешать. Но все равно получайте ошибку.

Я использую Vuejs для входа в систему, и я знаю, что весь код работает, потому что я могу нормально войти в систему локально.

Я все равно опубликую код, хотя я уверен, что проблема не в этом. Мои методы Vue.js для входа в систему...

 clickButton(type) {
  var that = this
  that.signType = type
  auth2.grantOfflineAccess({ 'redirect_uri': 'postmessage', 'approval_prompt': 'force' }).then(that.onSignIn);
},

// Callback for Sign In
onSignIn(authResult) {
  if (authResult.code) {
    this.$store.dispatch(TYPES.GET_GOOGLE_TOKEN, { code: authResult.code })
  }
},

Если вы снова нажмете кнопку входа в систему после первой попытки, она по-прежнему выдает ту же ошибку?

Yom T. 19.01.2019 18:43

Да. Одна и та же ошибка, что бы я ни делал. Окно инкогнито, отключить блокировщик рекламы, отключить куки. Не знаю, что еще попробовать

Kylie 21.01.2019 01:22

У меня была такая же проблема, но в моем случае в моем браузере по умолчанию для блокировщика всплывающих окон установлено значение «Продолжить блокировку». Первый щелчок показывает это предупреждение в правой части адресной строки, следующие последующие щелчки каким-то образом игнорируют этот параметр и начинают отображать окно входа в Google.

Yom T. 21.01.2019 01:43
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
3
3
2 098
1

Ответы 1

Я столкнулся с той же проблемой. В итоге я удалил приложение oAuth в консоли Google и заново создал его со всеми авторизованными URI с самого начала (и не добавлял после создания). это решило проблему.

Я думаю, что как только вы добавите URI в списки Redirect/Authorized URI для приложения существующий oAuth в консоли Google, обновление либо займет много времени, либо оно просто не работает.

Другие вопросы по теме