Ошибка CORS в мобильном приложении Ionic + jHipster + okta

Question

Я следовал руководству Мэтта Райбла по созданию мобильного приложения с использованием jHipster, Ionic и Okta.

https://developer.okta.com/blog/2019/06/24/ionic-4-angular-spring-boot-jhipster

Однако я сталкиваюсь с проблемой CORS, когда пытаюсь войти в систему из приложения Ionic. вход в веб-приложение работает отлично.

Я даже пытался клонировать и выполнить тот же набор шагов, что и в вашем git-репо https://github.com/oktadeveloper/okta-ionic4-jhipster-example

Но это та же ошибка

Доступ к XMLHttpRequest по адресу https://dev -xxxxxx.okta.com / oauth2 / default / .well-known / openid-configuration 'из источника' http://localhost:8100' заблокирован Политика CORS: в запрашиваемом ресурсе отсутствует заголовок «Access-Control-Allow-Origin».

Ошибка входа: ошибка: невозможно получить конфигурацию сервера

Я попытался обновить src / main / resources / config / application.yml, как показано на видео ниже https://www.youtube.com/watch?v=eS6Ti5Ft7JE

Я даже попробовал плагин @ oktadev / schematics https://www.npmjs.com/package/@oktadev/schematics

Answer 1

В моих инструкциях говорится, что при создании собственного приложения добавьте http://localhost:8100/implicit/callback в качестве URI перенаправления. Когда вы делаете это при создании приложения, для вас создается надежный источник http://localhost:8100. Если вы измените URI перенаправления после создания приложения, доверенный источник не будет создан. Решение, которое вы нашли, является реальным решением.