运行 flutter web 时如何指定端口号

How to specify a port number while running flutter web

有没有什么方法可以启动 Flutter web,使用 Headless-Server 目标,始终在相同的指定端口号上?

今天,运行 Web 应用程序具有:

flutter run -d headless-server

提供随机端口号。

我在 flutter_tools 源代码中找到了答案:

flutter run -d headless-server --web-port=1234

这也很管用 -

flutter run -d web-server --web-port 8080

如果您喜欢使用命令行,上述解决方案可以正常工作。但是,如果您使用 CTRL+F5 的 VsCode,那将不起作用。因此,要使 vscode CTRL+F5 运行 在 chrome 或网络服务器中,请转到您的项目根目录创建 .vscode 目录并在该文件夹中添加 launch.json 文件。

现在如果你想 运行 在网络服务器中添加这行 launch.json

{
 "version": "0.2.0",
 "configurations": [{
        "name": "Flutter",
        "request": "launch",
        "type": "dart",
        "args": ["-d", "web-server","--web-port", "8000"],
    }
]}

如果您想在 chrome 设备中启动,请将参数 web-server 更改为 chome

{   
 "version": "0.2.0",
 "configurations": [{
        "name": "Flutter",
        "request": "launch",
        "type": "dart",
        "args": ["-d", "chrome","--web-port", "8000"],
    }
]}

现在运行CTRL+F5

要为 Android Studio 执行此操作,只需将附加参数添加到 运行 配置。所以在Additional arguments中加入--web-port=49430

截至 2020 年 9 月

您可以 运行 在任何基于 chromium 的浏览器上使用 flutter web

Chrome     |    Edge     

使用任何一个启动带有自定义端口的 flutter web 应用程序

flutter run -d chrome --web-port 5555

flutter run -d edge --web-port 5555

flutter run -d web-server --web-port 5555

编辑

与主要问题无关,但如果您遇到 below-mentioned 问题会有所帮助。

最近遇到了一个 flutter web 应用程序的问题,它不是 运行ning 并且没有可见的日志/错误。

我是如何修复它的。

运行 flutter build web 这应该会打印出错误,修复这些错误,然后尝试运行通过上述命令

连接您的应用程序