Как связать keycloak с реакцией? Нет маршрутов, соответствующих местоположению "/undefined/protocol/openid-connect/3p-cookies/step1.html"

Следуя https://scalac.io/blog/user-authentication-keycloak-1/, я создал область и поместил конфигурацию json в приложение для реагирования. Но при необходимости он не инициализируется, выдавая следующую ошибку:

"No routes matched location "/undefined/protocol/openid-connect/3p-cookies/step1.html" 

keyclock.js:

{
  "realm": "ReactTaskApp",
  "auth-server-url": "http://localhost:8080/",
  "ssl-required": "external",
  "resource": "react-client",
  "clientId": "react-client",
  "public-client": true,
  "confidential-port": 0
}

Как я могу решить эту ошибку?

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
278
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Мы с командой столкнулись с той же проблемой и выяснили, что при передаче конфигурации в keycloak.js все имена атрибутов должны быть в верблюжьем регистре! Другое дело (если я правильно помню), что вместо authServerUrl в качестве имени атрибута нужно передавать только url. С этим высказыванием:

{
  "realm": "ReactTaskApp",
  "url": "http://localhost:8080/",
  "sslRequired": "external",
  "resource": "react-client",
  "clientId": "react-client",
  "publicClient": true,
  "confidentialPort": 0
}

Это сработало. __ Но теперь я получаю эту ошибку: keycloak.mjs:776 POST http://localhost:8080/realms/ReactTaskApp/protocol/openid-co‌​nnect/token 401 (Unauthorized) ресурс: 1 Uncaught (в обещании) undefined Любая помощь в этом, пожалуйста?

Rifat 11.10.2022 04:13

Вам нужно запросить токен доступа и прикрепить его к каждому запросу как «Bearer {token}».

MrBens 11.10.2022 06:00

Это решает многие проблемы людей с перезагрузкой и неработающим приложением. Спасибо!

Andy 23.10.2022 02:35

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