Flutter Web Url 路由在真实域上不起作用

Question

我正在尝试使用 url 获取参数并将该参数分配给 web 文件中的变量。

例如，我的域是 example.com，在这个网站上我需要一个用户 ID。 我想制作 example.com/?id=123 并获取 123 id 并给出变量 123 值

在 flutter web 设备中它可以工作，但是当我托管此文件时，它不能在真实域上工作。 flutter 给了我一个

Could not navigate to initial route.
The requested route name was: "/?id=sezen@gmail.com"
There was no corresponding route in the app, and therefore the initial route specified will be
ignored and "/" will be used instead.

这是我的代码

void main() async {
      WidgetsFlutterBinding.ensureInitialized();
      setPathUrlStrategy();
      await Firebase.initializeApp(
        options: DefaultFirebaseOptions.currentPlatform,
      );
    
  runApp(const MyApp());
}

String myurl = Uri.base.toString(); //get complete url

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  // This widget is the root of your application.
  @override
  void initState() {
    super.initState();
    getParams();
  }

  @override
  Widget build(BuildContext context) {
    getParams();

    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'QR Numaratör',
      home: MyHomePage(id: mail),
    );
  }
}

void getParams() {
  var uri = Uri.dataFromString(window.location.href);
  Map<String, String> params = uri.queryParameters;
  var origin = params['id'];
  mail = origin;
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.id}) : super(key: key);
  String? id = Uri.base.queryParameters["id"];
  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

Answer 1

在您的 MaterialApp 小部件中，您需要指定 onGenerateRoute 参数。 像这样的东西：

return MaterialApp(
  debugShowCheckedModeBanner: false,
  title: 'QR Numaratör',
  home: MyHomePage(id: mail),
  onGenerateRoute: (settings) {
            switch (kIsWeb? Uri.parse(settings.name).path : settings.name) {
              case'/':
                  Map args = settings.arguments as Map;
                  if(kIsWeb && args == null) {
                     args=Uri.parse(settings.name).queryParameters;
                   }
                  return MaterialPageRoute(builder: (_) => MyHomePage(id: args[id])); 
   }
  });