Python Dash中使用dcc.Location获取URL参数返回None问题咨询

根因说明 #

• 回调触发时序问题：页面初始化时，回调函数的执行优先级高于dcc.Location组件的URL读取逻辑，首次触发回调时还没拿到URL数据，就会返回None，组件初始化完成后会自动二次触发回调，只需处理空值场景即可。
• 属性兼容性问题：旧版本dash_core_components中dcc.Location的value属性存在读取异常的问题，改用官方更推荐的href属性读取完整URL稳定性更高。

修复后可运行代码 #

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
from urllib.parse import urlparse, parse_qs

app = dash.Dash(__name__)

app.layout = html.Div([
    dcc.Location(id='url', refresh=False),
    html.Br(),
    html.Div(id='my-output')
])

@app.callback(
    Output('my-output', 'children'),
    Input('url', 'href')
)
def update_output_div(href):
    # 处理初始化空值场景
    if not href:
        return "加载中..."
    # 解析URL，拆分路径和参数
    url_parsed = urlparse(href)
    path = url_parsed.path
    params = parse_qs(url_parsed.query)
    xaxis = params.get('xaxis', ['无'])[0]
    yaxis = params.get('yaxis', ['无'])[0]
    
    return html.Div([
        html.H1(f'完整URL: {href}'),
        html.H2(f'路径: {path}'),
        html.H2(f'xaxis参数值: {xaxis}'),
        html.H2(f'yaxis参数值: {yaxis}')
    ])

if __name__ == '__main__':
    app.run_server(debug=True, port=8051)

效果验证 #

启动服务后访问http://127.0.0.1:8051/random?xaxis=log&yaxis=log，即可正常显示路径和对应参数值，不会再出现None的异常情况。

内容的提问来源于stack exchange，提问作者Noah