How to avoid no Access-Control-Allow-Origin header is present on the requested resource

Hi all

I have a webapp that is running on NGINX and it is secured with Keycloak. After successfully sign in through the Keycloak login, it redirects me to the webapp as expected.

However, when I look into the web browser console it shows the following error messages:

The Web Origins is configured as:

How to avoid the error message? Do I miss any configuration on NGINX?

Hint, the webapp is developed by https://quasar.dev/.

Thanks