如何配置VS Code以在URL中使用查询参数启动Flutter Web应用?

xxhby3vn  于 2023-04-07  发布在  Flutter
关注(0)|答案(2)|浏览(165)

我已经在网上找了几个小时了,但没有找到。我试图让VS Code使用带有参数的URL启动一个Web应用程序,以进行调试。我的launch.json文件看起来像这样:
[

不管我如何配置这个文件,Web应用程序总是使用相同的URL启动:

我需要的是这样的URL:

http://localhost:5000/#/gs?surveyId=123456

和一个单独的配置,它将使用如下所示的URL启动:

http://localhost:5000/#/p?xr5efG6HU9

有谁知道如何使用VS Code和launch.json文件来配置它吗?我在Mac上运行VS Code,如果这有什么区别的话。
需要说明的是,我知道如何添加新配置,但这个问题的重点是如何在启动时获取URL中的参数。如果参数是静态的,并且只是从launch.json文件复制,我会很高兴。
非常感谢您提供的任何帮助!

hgtggwj0

hgtggwj01#

有一个命令行flutter run --route '/route',但目前在Web或iOS上不起作用-Support/Feature Request Here
我唯一能建议的是使用类似Fluro的东西,并在路线上显式定义参数,但复制和粘贴参数会更有效。
当测试带有参数的URL时,我只是使用剪贴板管理器来使用热键粘贴参数。

nnvyjq4y

nnvyjq4y2#

TL;DR;

flutter run -d Chrome --web-port=44444 --web-launch-url 'http://localhost:44444/?param1=value1&param2=value2&param3=value3'

完整应答

我没有使用VSCode,但我可以帮助您使用命令行选项来执行此任务并从那里开始。
一般来说,您可以使用带有以下命令的终端启动您的Flutter Web项目

flutter run -d Chrome

通过添加以下参数(--web-launch-url),您可以指定提供给浏览器的完整url。确保另外调整端口(--web-port),使其工作。

因此,要想从一开始就为您的web应用提供url查询参数,您可以使用以下命令:

flutter run -d Chrome --web-port=44444 --web-launch-url 'http://localhost:44444/?param1=value1&param2=value2&param3=value3'

希望这能帮上忙。
为了完成你对VSCode的问题(猜测工作),我将通过在json底部添加--web-launch-url到你的args来完成上面的例子。确保两个args都有正确的端口。

相关问题