Как добавить URL истории хэша при перенаправлении со стороннего веб-сайта с токеном доступа в качестве хэш-ключа?

Question

Я создал приложение на стороне клиента с использованием реагирования, редукса, саги с помощью истории хэшей (в реагирующем маршрутизаторе). Теперь я планирую интегрировать стороннюю систему аутентификации для проверки учетных данных пользователя. Как только он будет подтвержден, он будет перенаправлен на мой собственный сайт с токеном доступа Я могу получить токен Accesz с помощью 2 методов: один через данные формы заголовков, а другой хэш / запрос. Я использовал hash / query для получения токена доступа в URL, как показано ниже.

http://localhost:3000?g=y#access_token=hdhdbbd

Из-за истории хэша реагирующего маршрутизатора косая черта '/' будет автоматически добавлена ​​перед токеном доступа и выведет меня на страницу ошибки. Можно ли добавить URL-адрес хеша перед параметром запроса, не удаляя маркер доступа, как показано ниже.

http://localhost:3000#/about?g=y#access_token=hdhdbbd

Пожалуйста, дайте мне предложение продолжить. Спасибо - Дурай

Answer 1

Вы можете динамически проложить свой путь через объект окна и добавить к нему все, что захотите:

getBaseUrl() {
  const {pathname, protocol, host} = window.location;
  return `${protocol}//${host}${pathname}`;
}

render() {
  const redirectUrl = `${this.getBaseUrl()}#/definedPath`;
  return {
    //... use redirectUrl in some action/element for getting your query
  }
}

А теперь, например, ваш параметр запроса может оказаться здесь: baseUrl / # /finedPath? QueryParam = что-то