无法将 Jupyterhub 上运行的 Jupyterlab 嵌入到 iframe 中

Question

我正在尝试将与 jupyterhub 一起运行的 jupyterlab 集成到 iframe 中。我在配置文件中进行了所有必需的更改。在 jupyter_notebook_config.py 中，我进行了以下更改。

c.NotebookApp.tornado_settings = {'headers': {
    'Access-Control-Allow-Origin': '*',
    'Content-Security-Policy': 'frame-ancestors http://localhost:9005'
  }}

在 jupyterhub_config.py 中我添加了以下内容

c.JupyterHub.tornado_settings = {'headers': {
    'Access-Control-Allow-Origin': '*',
    'Content-Security-Policy': 'frame-ancestors http://localhost:9005'
  }}

但是，当我尝试在 iframe 中打开http://localhost:8002/user/admin/lab URL 时，出现以下错误

Refused to display 'http://localhost:8002/user/admin/lab' in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'".

如果我遗漏了什么或者我的配置有问题，有人可以告诉我吗？

Answer 1

这是一个解决方法，

• 为所有登录 Jupyterhub 的用户提供一个通用的笔记本配置文件。
• 将配置文件作为生成器参数传递。

请按照以下步骤操作：

1. 在特定位置（例如 /home/shared_config/）创建名为 jupyter_notebook_config.py 的文件

您可以使用 vim 等文本编辑器手动创建文件，也可以使用 jupyter Notebook 使用以下命令生成默认的 coinfig 文件

jupyter notebook --generate-config

注意，上面的命令需要安装jupyter notebook（pip3 install jupyterhub notebook）

安装后，如果您在加载 tljh-config 时遇到与 ruamel.yaml 版本相关的错误，请执行以下命令： pip3 install ruamel.yaml==0.15.*

2. 打开上面创建的 jupyter_notebook_config.py 文件并添加以下代码：

   c.NotebookApp.tornado_settings={'headers': {'Content-Security-Policy':"frame-ancestors * 'self'"}}

使用以下代码更改文件的权限：

chmod -R 755 /home/shared_config/jupyter_notebook_config.py

3. 打开 jupyterhub 配置文件（默认位于 /opt/tljh/config/jupyterhub_config.d/jupyterhub_config.py）并添加以下代码：

注意：您可以使用以下命令生成 jupyterhub 配置文件： jupyterhub --generate-config

c.Spawner.args = [ '--config=/home/shared_config/jupyter_notebook_config.py']

4. 使用以下命令重新加载 tljf-config：

   sudo tljf-config 重新加载

快乐编码！

这是我的配置

-- /opt/tljh/config/jupyterhub_config.d/jupyterhub_config.py

c.JupyterHub.tornado_settings = {'headers': {'Content-Security-Policy': "frame-ancestors * 'self' "}}
c.Spawner.args = [ '--config=/home/ubuntu/jupyter_notebook_config.py']

-- /home/shared_config/jupyter_notebook_config.py

c.NotebookApp.tornado_settings={'headers': {'Content-Security-Policy': "frame-ancestors * 'self' "}}

一些有用的参考资料和相关问题：

• https://jupyterhub.readthedocs.io/en/stable/getting-started/config-basics.html
• https://minrk-notebook.readthedocs.io/en/latest/config.html
• https://jupyterhub.readthedocs.io/en/stable/getting-started/spawners-basics.html
• https://github.com/jupyterhub/jupyterhub/issues/335
• https://github.com/jupyterhub/the-littlest-jupyterhub/issues/312
• https://github.com/jupyter/notebook/issues/3904
• https://github.com/jupyterhub/jupyterhub/issues/379