Flutter Web执行webdev serve命令出现连接拒绝问题求助

我来帮你排查这个连接拒绝的问题——从你的终端日志来看，构建明明成功完成了，但访问http://127.0.0.1:8080却被拒绝，大概率是端口占用、缓存残留或者服务绑定异常导致的，试试下面这些解决方案：

• 杀掉占用8080端口的残留进程
  有时候之前的webdev serve进程没彻底关闭，会一直占着8080端口，导致新服务无法绑定。根据你的操作系统执行对应的命令：

  • Windows：

    netstat -ano | findstr :8080
    taskkill /PID <找到的进程PID> /F
    

  • macOS/Linux：

    lsof -ti:8080 | xargs kill -9
    

  之后再重新运行webdev serve --auto restart试试。

• 清理缓存并重新构建项目
  缓存残留也可能引发这种奇怪的启动异常，执行以下命令彻底清理后再启动：

  flutter clean
  flutter pub get
  webdev clean
  webdev serve --auto restart
  

• 换个端口启动服务
  直接避开8080端口，指定其他端口启动，比如8081：

  webdev serve --auto restart 8081
  

  然后访问http://127.0.0.1:8081看是否正常。

• 重启VS Code或重新加载窗口
  有时候VS Code的Flutter插件可能出现异常，影响工具链的正常工作。可以直接重启VS Code，或者按下Ctrl+Shift+P（Windows/Linux）/Cmd+Shift+P（macOS），输入Reload Window重新加载窗口后再试。

内容的提问来源于stack exchange，提问作者Shady Boshra