nginx-reverse-proxy - How to deploy a remove development server with Flutter Web?

Question

I sometimes develop remotely thanks to vscode-remote and nginx reverse proxy

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

I want to open flutter web dev server on other ip than http://localhost:4000

I can do that with nginx and webpack-dev-server

There is no way to open in other browser except chrome (some proxy dependencies interal from chrome)

nginx config file

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;
    }
}

标签： nginx-reverse-proxyflutter-web

Answer 1

如果您正在寻找在开发过程中在其他浏览器中打开 Flutter Web 应用程序，目前这是不可能的。检查此链接顶部的注释。一种选择是运行flutter build web并托管该build\web文件夹。一旦托管，它可以在任何浏览器（如Firefox左右）中打开。但我猜你不能在这种模式下调试。