本地HTML文件无法正确加载到Dash应用程序中

我曾尝试将本地html文件嵌入到基本的Dash应用程序中。 我使用了link中的代码，并将路径替换为本地相对路径(DASH应用程序与html本地页面位于同一文件夹中)

html.Iframe(src="random_example.html",
            style={"height": "1067px", "width": "100%"})

但这是我得到的结果：

---

解决方案

您可以将该html文件放在assets文件夹中，并按如下方式引用它：

import dash
import dash_html_components as html

app = dash.Dash(__name__)

app.layout = html.Div(
    children=[
        html.Iframe(
            src="assets/random_example.html",
            style={"height": "1067px", "width": "100%"},
        )
    ]
)

if __name__ == "__main__":
    app.run_server(debug=True)