OKTA redirect_uri中的动态网址

Question

在我的Angular应用程序中，我使用了@ okta /okta-signin-widget和okta客户端id。我的要求是使用window.location.origin作为redirect_uri。

import { NgModule } from ‘@angular/core’;
import { AppComponent } from ‘./app.component’;
import { RoutesModule } from ‘./routes/routes.module’;

import { OktaAuthModule } from ‘@okta/okta-angular’;

// Okta configuration
const oktaConfig = {
issuer: ‘https://dev-836625.oktapreview.com/oauth2/default’,
redirectUri: window.location.origin,
clientId: ‘xxxXXXxxXxxx’,
scope: ‘openid profile email’
};

@NgModule({
declarations: [
AppComponent
],
imports: [

OktaAuthModule.initAuth(oktaConfig),
RoutesModule,
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

登录后，redirect_uri应为window.location.origin，但OKTA小部件返回的redirect_uri为null。请找到附件。

​

​

提前感谢！

Answer 1

如果您查看浏览器的地址栏，您将看到其中有一个正在发送的redirect_uri参数。如果将此URI添加到OIDC应用程序中的登录重定向URI，则一切正常。

Answer 2

您是否在OKTA设置中将这些URL列入白名单？

无论如何，我建议您使用Angular environment文件来设置此配置：

export const environment = {
  production: true,
  redirectUrl: 'YOUR_URL_FOR_THIS_ENV',
  ...
};