如何获取 web-app 的 url 的查询参数？

Posted 2023-02-23

【中文标题】如何获取 web-app 的 url 的查询参数？

【英文标题】：How do I get the the query parameters of the url of the web-app?

【发布时间】：2021-04-28 07:59:06

【问题描述】：

我正计划创建一个使用某种大厅系统的在线游戏。我希望主持人能够创建邀请链接http://randomgame.io/join?code=1234abcd。

如何获取 URL 的code 参数，以便根据此代码显示内容？

非常感谢任何帮助：D

编辑：

我可以使用Uri.base 获取 URL，但现在的问题是我无法在 url 中输入任何查询参数，因为它们会立即被删除。

【问题讨论】：

api.flutter.dev/flutter/dart-core/Uri-class.html

【参考方案1】：

使用this 包，您可以使用函数getHref() 从用户浏览器获取当前链接。所以最终的代码可能是这样的：

import 'package:window_location_href/window_location_href.dart';

final String url = getHref();
Uri uri = new Uri.dataFromString(url);
String codeParam = uri.queryParameters['code'];

【讨论】：

我遇到的问题是查询参数在输入地址栏时从URL中消失了

那是因为你可能在使用命名路由，所以在使用命名路由时，url会被覆盖