如何使用 Flutter Web 部署删除开发服务器？

Question

由于 vscode-remote 和 nginx 反向代理，我有时会进行远程开发

flutter run -d chrome --web-port=4000

我想在 http://localhost:4000

以外的其他 ip 上打开 flutter web 开发服务器

我可以用 nginx 和 webpack-dev-server 做到这一点

无法在其他浏览器中打开，除了 chrome（chrome 中的某些代理依赖项）

nginx 配置文件

server {
    listen 80 default_server;
    listen [::]:80 default_server;

    root /var/www/html;

    index index.html index.htm index.nginx-debian.html;

    server_name _;

    location / {
        try_files $uri $uri/ =404;
        proxy_pass http://localhost:4000;
        proxy_set_header Host $host;
    }
}

Answer 1

如果你想在开发过程中在其他浏览器中打开 flutter web 应用程序，这目前是不可能的。检查此 link 顶部的注释 here。一种选择是运行 flutter build web 并托管 build\web 文件夹。一旦托管，就可以在任何浏览器中打开，例如 Firefox 左右。但我猜你不能在这种模式下调试。

如何使用 Flutter Web 部署删除开发服务器？

How to deploy a remove development server with Flutter Web?

nginx-reverse-proxy

flutter-web