Flet+Supabase账号管理应用：密码重置后跳转更新页面异常问题

遇到这种页面闪一下就跳回初始页的问题确实挺让人头疼的，我帮你梳理下核心问题和对应的解决方案：

核心问题拆解 #

你的问题本质是：通过Supabase密码重置邮件的链接跳转回应用时，/update_password?token=xxx路由刚加载就被强制切回注册页，虽然能在控制台拿到token，但路由没有被正确保留。结合你的代码，主要有两个关键诱因：

1. 应用初始化时强制覆盖路由 #

在main函数最后你写了page.go(create.route)，这会导致无论用户通过什么URL打开应用，都会被强制跳转到注册页。当用户从Supabase的重置邮件点击链接（URL是http://localhost:3000/update_password?token=xxx），应用启动时直接执行page.go(create.route)，覆盖了当前的路由，所以页面闪一下就回到注册页。

2. 路由匹配逻辑未兼容带Query参数的路径 #

你的route_change函数里用page.route == update_password.route做精确匹配，但Supabase重定向后的路由是带token参数的（比如/update_password?token=abc123），这时候page.route不等于纯路径/update_password，所以不会将UpdatePasswordPage添加到视图列表中，导致视图为空，进一步触发路由异常。

针对性解决方案 #

方案1：移除初始化时的强制路由跳转，适配启动时的当前URL #

修改main函数的最后部分，只在应用首次启动且路由为空时，才跳转到注册页；如果当前已有路由（比如从邮件链接打开的带参数路由），则直接触发路由处理逻辑：

# 替换原来的page.go(create.route)
if not page.route:
    # 首次启动且无路由时，跳转到注册页
    page.go(create.route)
else:
    # 已有路由（比如重定向过来的带参数路由），直接处理当前路由
    route_change(page.route)

这样用户从邮件链接打开应用时，会保留当前的/update_password?token=xxx路由，进入对应的视图。

方案2：修改路由匹配逻辑，兼容带Query参数的路径 #

使用urllib.parse解析路由的纯路径部分，忽略Query参数，确保带参数的路由能匹配到对应的视图。先导入依赖：

from urllib.parse import urlparse

然后修改route_change函数：

# router method
def route_change(route) -> None:
    page.views.clear()
    # 解析路由的纯路径部分，忽略Query参数
    parsed_route = urlparse(page.route)
    current_path = parsed_route.path
    
    if current_path == create.route:
        page.views.append(create)
    elif current_path == login.route:
        page.views.append(login)
    elif current_path == reset_password.route:
        page.views.append(reset_password)
    elif current_path == update_password.route:
        page.views.append(update_password)
    elif current_path == main_view.route:
        page.views.append(main_view)
    page.update()

方案3：优化UpdatePasswordPage的Token解析逻辑 #

原来的split("?token=")解析方式不够鲁棒（比如参数顺序变化就会失效），用urllib.parse统一解析Query参数更可靠：

先导入依赖：

from urllib.parse import urlparse, parse_qs

然后修改UpdatePasswordPage类的__init__方法：

class UpdatePasswordPage(ft.View):
    def __init__(self, page: ft.Page, supabase: Client) -> None:
        super().__init__(
            route="/update_password",
            vertical_alignment="center",
            horizontal_alignment="center",
        )
        self.page = page
        self.supabase = supabase
        
        # 用urllib.parse解析Query参数中的token，更鲁棒
        parsed_route = urlparse(page.route)
        query_params = parse_qs(parsed_route.query)
        self.token = query_params.get("token", [None])[0]
        
        if self.token:
            print(f"Received reset token: {self.token}")
            self.controls = [
                ft.Text("Valid token. Please set your new password:"),
                ft.TextField(label="New Password", password=True, can_reveal_password=True),
                ft.ElevatedButton("Update Password", on_click=self.update_password)
            ]
        else:
            self.controls = [ft.Text("Invalid or expired token.")]

方案4：确认Supabase重定向URL配置 #

再次检查Supabase控制台的Auth -> URL Configuration，确保http://localhost:3000/update_password已添加到Authorized Redirect URLs列表中，这是Supabase允许重定向的前提条件。

按上述步骤修改后，应该就能解决跳转闪回的问题：用户点击重置邮件链接后，会稳定停留在UpdatePasswordPage，能正确拿到token并进行密码更新操作。

内容来源于stack exchange