在 Nginx 代理后面时，Keycloak Docker Instace 中的 X-Frame-Options 拒绝加载

Question

我有一个与官方提供的非常相似的 docker-compose 文件，即

version: '3'

volumes:
mysql_data:
    driver: local

services:
mysql:
    image: mysql:5.7
    volumes:
        - mysql_data:/var/lib/mysql
    environment:
        MYSQL_ROOT_PASSWORD: root
        MYSQL_DATABASE: keycloak
        MYSQL_USER: keycloak
        MYSQL_PASSWORD: mypassword
keycloak:
    image: jboss/keycloak
    environment:
        DB_VENDOR: MYSQL
        DB_ADDR: mysql
        DB_DATABASE: keycloak
        DB_USER: keycloak
        DB_PASSWORD: mypass
        KEYCLOAK_USER: admin
        KEYCLOAK_PASSWORD: mypass
        # It didn't look like this actually got set. 
        PROXY_ADDRESS_FORWARDING: "true"
    ports:
        - 10000:8080
    depends_on:
        - mysql

我还有 nginx 配置文件用作 keycloak 的反向代理

## Redirects all HTTP traffic to the HTTPS host
server {
    listen 80;
    listen [::]:80;
    server_name keycloak keycloak.fqdn.com keycloak.fq.fqdn.com; 
    server_tokens off;
    return 301 https://keycloak.fqdn.com$request_uri;
}

## HTTPS host
server {
    listen 443 ssl http2;
    listen [::]:443 ssl http2;
    server_name keycloak.fqdn.com; 
    server_tokens off; 
    autoindex off;    

    include conf.d/site-common-config/ssl.conf;

    access_log  /var/log/nginx/keycloak-access.log combined;
    error_log   /var/log/nginx/keycloak-error.log warn;

    location / {
        gzip                    on;
        proxy_http_version 1.1;

        proxy_set_header    Host                $host;
        proxy_set_header    X-Real-IP           $remote_addr;
        proxy_set_header    X-Forwarded-For      $proxy_add_x_forwarded_for;
        proxy_set_header    X-Forwarded-Proto   $scheme;

        proxy_pass http://127.0.0.1:10000;
    }
}

我进一步确认（据我了解）/auth/realms/master/.well-known/openid-configuration 正在返回正确的值。我一直在关注here 指南并更新了相应的 xml 文件并运行了重新加载命令以确保将proxy-address-forwarding 设置为 true。但是我得到了javascript错误

Load denied by X-Frame-Options: https://keycloak.fqdn.com/auth/realms/master/protocol/openid-connect/login-status-iframe.html?version=4.3.0.final does not permit framing.

到目前为止，我无法在文档中找到任何解决此问题的内容，因此我们将不胜感激。

Answer 1

如果我在 nginx/openresty 配置中添加以下标头，它将起作用：

location / {
     …
     add_header X-Frame-Options "SAMEORIGIN";
     …
}

如果您想使用 kcadm.sh 更改领域中的值（因为 gui 不起作用），您可以使用导出、编辑和导入领域

sudo -u keycloak /opt/keycloak/bin/kcadm.sh config credentials --realm master --user admin --server http://localhost:8080/auth
sudo -u keycloak /opt/keycloak/bin/kcadm.sh get realms/master > realm.json
# edit realm.json
sudo -u keycloak /opt/keycloak/bin/kcadm.sh update realms/master -f realm.json

Answer 2

在领域配置中配置X-Frame-Options 并在其中允许您的域。也许您还需要调整Content-Security-Policy。

文档：https://www.keycloak.org/docs/latest/server_admin/index.html#clickjacking