Question

我有2个html页面index.html和login.html页面。 index.html页面由angular app使用，有没有办法在login.html页面中注入或访问环境值？

我不想重复两次环境设置，因为它们可能会不同步。

修改登录页面标记如下。在下面的代码中，我需要根据运行环境更改权限redirect_uri。运行angular的Index.html页面使用environment.ts文件来存储特定于环境的URL，在构建时它使用这些设置编译项目。我遇到的问题是我无法访问angular.ts以外的environment.ts变量。

<head>
    <script src="assets/scripts/oidc-client.min.js"></script>
    <script type="text/javascript">
        function onUserLoggedOut(arg) {
            const settings = {
                authority: 'http://localhost:2228',
                client_id: '#####',
                redirect_uri: 'http://localhost:4200/auth.html',
                post_logout_redirect_uri: 'http://localhost:4200',
                response_type: 'id_token token',
                scope: 'openid',
                monitorSession: true,
                silent_redirect_uri: 'http://localhost:4200/silent-renew.html',
                automaticSilentRenew: false,
                silentRequestTimeout: 30000,
                accessTokenExpiringNotificationTime: 30,
                filterProtocolClaims: true,
                loadUserInfo: true,
                acr_values: 'tenant:1'
            };

            (new Oidc.UserManager(settings)).signinRedirect(tenant_acr).then((resp) => {
            });
        }

    </script>
</head>

<body>
    <iframe src="http://localhost:2228/Account/Logout" onload="onUserLoggedOut(this)" >
    </iframe>
</body>

角度cli环境变量

0 个答案: