GoRouter路由重定向与初始路由报错问题求助

问题1：重定向时原导航先执行，未等重定向完成 #

GoRouter 的 redirect 逻辑是每次导航触发时优先执行的，但如果重定向逻辑写法有误，会导致原导航先执行再被覆盖。解决要点：

• 确保 redirect 函数在需要重定向时返回目标路由字符串，无需重定向时返回 null。比如登录拦截场景：

  redirect: (context, state) {
    // 替换为你的登录状态判断逻辑
    final isLoggedIn = false;
    // 未登录且当前不是登录页时，重定向到登录页
    if (!isLoggedIn && state.location != '/login') {
      return '/login';
    }
    // 无需重定向，继续原导航
    return null;
  }
  

• 如果重定向依赖异步操作（比如从本地存储读取登录状态），要用异步版 redirect，确保等待异步操作完成后再返回路由：

  redirect: (context, state) async {
    final prefs = await SharedPreferences.getInstance();
    final isLoggedIn = prefs.getBool('isLoggedIn') ?? false;
    if (!isLoggedIn && state.location != '/login') {
      return '/login';
    }
    return null;
  }
  

• 避免在 initState 这类生命周期方法里直接调用导航，此时 redirect 可能还未完成。可通过监听 GoRouter 路由状态变化，或在 redirect 处理完成后再触发导航。

问题2：初始路由 "/brands" 不存在，自动 fallback 到 "/" #

这个错误是因为你设置的 initialLocation 为 "/brands"，但路由表中未定义该路径的路由。解决步骤：

1. 检查路由表，确保存在 /brands 对应的路由配置：

   final router = GoRouter(
     initialLocation: '/brands',
     routes: [
       GoRoute(
         path: '/',
         builder: (context, state) => const HomePage(),
       ),
       // 必须添加该路由配置
       GoRoute(
         path: '/brands',
         builder: (context, state) => const BrandsPage(),
       ),
     ],
   );
   

2. 核对路径拼写，确保 initialLocation 和路由 path 完全一致（注意大小写、斜杠、单词拼写）。
3. 如果 /brands 是嵌套路由的子路径，要确保父路由配置正确，比如：

   GoRoute(
     path: '/',
     builder: (context, state) => const HomePage(),
     routes: [
       GoRoute(
         path: 'brands', // 子路径无需前置斜杠
         builder: (context, state) => const BrandsPage(),
       ),
     ],
   );
   

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