通过DispatchedMiddleWare和ReverseProxy的破折号和烧瓶集成不工作

Question

我正在尝试通过Dash将仪表板与成熟的Flask应用程序集成。我尝试了包括这些方法在内的多种方法，但都没有用。我的主应用程序通过反向代理运行，并且还有一个密钥。我的方法是什么？我做错了。对我来说，我的目标是DAsh应用程序在Flask应用程序中运行，并作为一个单独的应用程序并排运行，作为最后的手段。

wsgi。派克

from werkzeug.wsgi import DispatcherMiddleware
"""Implements the application for deployment"""
from flask.mainapp import mainapp as mainapp
from dashboard import dashapp as dashapp
mainapp.secret_key = os.getenv('SECRET_KEY', 'dev')
dashapp.secret_key = mainapp.secret_key
applicaton = DispatcherMiddleware(mainapp, {
        '/admin/dashboard':dashapp.server,
})

dashboard.py

import dash
import plotly.express as px
import dash_core_components as dcc
import dash_html_components as dhtml
import plotly.graph_objects as go
import dash_bootstrap_components as dbc

#def create_dashboard(server):
"""Create a Plotly Dash dashboard."""
dashapp = dash.Dash( __name__,#server=server,
        requests_pathname_prefix='/admin/dashboard/',
        routes_pathname_prefix='/admin/dashboard/',
        external_stylesheets=[dbc.themes.BOOTSTRAP],
                serve_locally = False
        )
        # Create Dash Layout
dashapp.layout = dhtml.Div(children=[dhtml.H1(children='Hello Dash')])

        #return dash

mainapp.py

#Libraries 
from flask import *
from flask import stream_with_context
from werkzeug.utils import secure_filename
from werkzeug.datastructures import Headers
from werkzeug.wrappers import Response
from ReverseProxy import *
##Reverse Proxy line
mainapp.wsgi_app = ReverseProxied(mainapp.wsgi_app,script_name=mainapp.config["APPLICATION_ROOT"])
Bootstrap(mainapp)

#Main way to start application and host
if __name__ == '__main__':
    #Uncomment for non reverse proxy and comment the next line
    mainapp.run(host='0.0.0.0', port=5000, debug = False)

非常感谢。

编辑以下是加载页面后出现的错误：

Answer 1

我要把我想出的答案贴出来。简而言之，在执行反向代理时，特别是挂载到具有应用程序根的URL时，必须在配置中包含Dashapp挂载之前使用URL更改配置。让我们从最初的dash应用程序开始。

    dashapp = dash.Dash(__name__, server=server,
                    url_base_pathname='/admin/dashboard/',
                    external_stylesheets=[dbc.themes.BOOTSTRAP],
#                          static='/gambler/static',
#                          assets_folder= "/admin/dashboard/assets/",
#                          serve_locally = False
    )

所以现在最重要的一点是：Dash不知道如何根据Flask的APPLICATION root（即Flaskapp['APPLICATION_root']）的安装方式来提供文件，因此您必须在路由的其余部分的顶部执行应用程序根URL：

dashapp.config.update({
    "routes_pathname_prefix": '/[APPLICATION_ROOT]/admin/dashboard/',
    'requests_pathname_prefix': '/[APPLICATION_ROOT]/admin/dashboard/'
})

这应该适用于那些处理应用程序根以及反向代理的工作。