jhipster - Ionic + jHipster + okta 移动应用程序中的 CORS 错误

Question

我一直在按照 Matt Raible 教程使用 jHipster、Ionic 和 Okta 构建移动应用程序。

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

但是，每当我尝试从 Ionic 应用程序登录时，都会遇到 CORS 问题。网络应用登录完美运行。

我什至尝试克隆并执行您的 git repo https://github.com/oktadeveloper/okta-ionic4-jhipster-example中提到的相同步骤

但它同样的错误

从源“ http://localhost:8100 ”访问“ https://dev-xxxxxx.okta.com/oauth2/default/.well-known/openid-configuration ”的 XMLHttpRequest已被 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

标签： jhipster

Answer 1

http://localhost:8100/implicit/callback我的说明说在创建本机应用程序时添加为重定向 URI。当您在创建应用程序时执行此操作时，http://localhost:8100会为您创建一个受信任的来源。如果您在创建应用程序后更改重定向 URI，则不会创建受信任的来源。您找到的解决方案是真正的解决方案。