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

Question

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

今天，运行 Web 应用程序具有：

flutter run -d headless-server

提供随机端口号。

Answer 1

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

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

Answer 2

这也很管用 -

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

Answer 3

如果您喜欢使用命令行，上述解决方案可以正常工作。但是，如果您使用 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

Answer 4

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

Answer 5

截至 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 这应该会打印出错误，修复这些错误，然后尝试运行通过上述命令

连接您的应用程序

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

How to specify a port number while running flutter web

flutter-web