Flutter（Web/移动端）：GoRouter实现登录后跳转首页并禁止返回登录页

针对你遇到的问题，提供两种可行方案，从跳转逻辑和路由拦截两个层面解决：

方法一：登录成功后重置整个导航栈 #

使用context.go('/home')替代replace，该方法会完全替换整个路由栈为目标页面，而非仅替换当前栈顶条目。这样移动端返回键会直接退出应用，Web端浏览器回退会回到打开应用前的页面，而非登录页。

代码示例：

onTap: () async {
  // 执行登录验证逻辑
  final isValid = await validateCredentials(usernameController.text, passwordController.text);
  if (isValid) {
    // 重置路由栈，跳转到首页
    context.go('/home');
  }
},

方法二：配置路由重定向拦截（推荐） #

通过GoRouter的redirect回调实现全局路由拦截，无论用户是通过返回键、浏览器地址栏输入还是其他方式访问登录页，只要已登录就会自动重定向到首页，彻底杜绝回退到登录页的可能。

步骤1：维护全局登录状态 #

先通过状态管理（如Provider、Riverpod或自定义单例）跟踪用户登录状态，示例：

class AuthState {
  static final AuthState instance = AuthState._();
  AuthState._();

  bool isLoggedIn = false;

  // 登录成功后更新状态
  void login() => isLoggedIn = true;
  // 登出时重置状态
  void logout() => isLoggedIn = false;
}

步骤2：配置GoRouter重定向规则 #

final router = GoRouter(
  routes: [
    GoRoute(
      path: '/login',
      builder: (context, state) => const LoginPage(),
    ),
    GoRoute(
      path: '/home',
      builder: (context, state) => const HomePage(),
    ),
  ],
  redirect: (context, state) {
    final isLoggedIn = AuthState.instance.isLoggedIn;
    final currentPath = state.subloc;

    // 已登录用户访问登录页，重定向到首页
    if (isLoggedIn && currentPath == '/login') {
      return '/home';
    }

    // 未登录用户访问非登录页，重定向到登录页
    if (!isLoggedIn && currentPath != '/login') {
      return '/login';
    }

    // 无需重定向，返回null
    return null;
  },
);

步骤3：登录成功时更新状态 #

在登录验证通过后，更新登录状态并跳转：

onTap: () async {
  final isValid = await validateCredentials(...);
  if (isValid) {
    AuthState.instance.login();
    context.go('/home');
  }
},

这种方案不仅解决了跳转后的回退问题，还能拦截所有未授权的路由访问，是更健壮的解决方案。

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