Taipy app returns blank page on refresh

[ghost]

I have an app running on a server. When I first connect to the app, the page renders as normal in my browser. The problem is, when I refresh/reload the page, it turns blank with nothing shown. If I wait for a couple minutes to reload again, the page appears normal.

This issue doesn’t happen when testing the app locally on my computer. Also, when running on the server, the taipy.gui.navigate function in my code works fine, where I can either reload the same page or navigate to a different page.

Any help would be much appreciated!

[FlorianJacta]

Deploying Taipy shouldn't bring any problems. You can check the deployment documentation here.

Could you provide more information?

• Is it true for every code you test?
• What is your server?
• Do you have any logs in the Python console?
• Or do you have any logs in the navigator? (F12 > Console)

[ghost]

Absolutely. My flask app only includes 1 function as follows:

flask_app = Flask(__name__)
flask_app.secret_key = os.environ["SECRET_KEY"]

@flask_app.route("/handle-auth-code")
def handle_auth_code():
  """
  get authorization code from github callback and store authenticated user in session
  """

  session["code"] = request.args.get("code")

  return redirect("/account")

The function receives an authorization code from GitHub for authentication, then redirects request to default page. I have to use flask to receive the authorization code because pure Tapir app does not support getting query parameters from request url, to my knowledge. Regardless, the page still fails to load in the case of a reload/refresh or a redirection from flask app.

Below is my nginx configuration.

# For more information on configuration, see:
#   * Official English Documentation: http://nginx.org/en/docs/
#   * Official Russian Documentation: http://nginx.org/ru/docs/

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log notice;
pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/doc/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
    worker_connections 1024;
}

http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    keepalive_timeout   65;
    types_hash_max_size 4096;

    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;

    # Load modular configuration files from the /etc/nginx/conf.d directory.
    # See http://nginx.org/en/docs/ngx_core_module.html#include
    # for more information.
    include /etc/nginx/conf.d/*.conf;

    server {
        listen       80;
        # listen       [::]:80;
        server_name openoathcoin.ddns.net www.openoathcoin.ddns.net;
        return 301 https://openoathcoin.ddns.net$request_uri;
        # root         /usr/share/nginx/html;

        location / {
            proxy_pass http://localhost:8000;  # ip address app listening at
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
        }

        # # Load configuration files for the default server block.
        # include /etc/nginx/default.d/*.conf;

        # error_page 404 /404.html;
        # location = /404.html {
        # }

        # error_page 500 502 503 504 /50x.html;
        # location = /50x.html {
        # }
    }

    server {
        listen       443 ssl http2;
        # listen       [::]:443 ssl http2;
        server_name openoathcoin.ddns.net www.openoathcoin.ddns.net;
        # root         /usr/share/nginx/html;

        ssl_certificate /etc/nginx/cert/certificate.crt;
        ssl_certificate_key /etc/nginx/cert/key.pem;
        # ssl_session_cache shared:SSL:1m;
        # ssl_session_timeout  10m;
        # ssl_ciphers PROFILE=SYSTEM;
        # ssl_prefer_server_ciphers on;

        location / {
            proxy_pass http://localhost:8000;  # ip address app listening at
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
        }

        # # Load configuration files for the default server block.
        # include /etc/nginx/default.d/*.conf;

        # error_page 404 /404.html;
        # location = /404.html {
        # }

        # error_page 500 502 503 504 /50x.html;
        # location = /50x.html {
        # }
    }
}

Thank you.

[FlorianJacta]

It might be a problem of websocket specific configuration in your nginx config. A member of our R&D will look at it ASAP

[FlorianJacta]

Here are some links you could check:
https://flask-socketio.readthedocs.io/en/latest/deployment.html
https://flask-socketio.readthedocs.io/en/latest/deployment.html#using-nginx-as-a-websocket-reverse-proxy

[ghost]

Awesome! It works now after I've added the following block from the links you suggested.
location /socket.io {
proxy_buffering off;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "Upgrade";
proxy_pass http://127.0.0.1:8000/socket.io;
}

Problem solved!
Best.