Vue SPA stuck at /login/callback#id_token=

Hi, sorry I am a new user and I am not allowed to upload picture in the post. I will try to describe the issue I met by plain text.

My Vue SPA (served by nginx, deployed as container in AWS ECS) stuck at my-application.com/login/callback#id_token=xxx URL after successfully logging in and it does not proceed with a white page, but I can see requests are sent to get my page content data. There is no error in the Chrome dev console.

I do not think it is an nginx problem: it works fine if I start the nginx container locally. So I guess it has something to do with the domain: only work for localhost. Here is my nginx config (copied to /etc/nginx/conf.d/default.conf in the container) anyway:

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

  root /usr/share/nginx/html;

  index index.html;

  server_name _;

  location / {
    try_files $uri $uri/ /index.html =404;
  }
}

Any idea? Thank you!

One possibility is that everything is correct except that your user has okta access and can login, but no access to the application in Okta… This is what the “error message” for “does not have acees to the app” looks like.

but they see no need to address it, with say, an error popup saying “no access to the application”.