Firebase not working on my website when opening from mobile devices

in my website Signup page, i'm using firebase auth for web ( @angular/fire version for angular websites ) to signup a user using Google Signup, i'm doing this using the signUpWithPopup function.

this function works normally on my laptop when using chrome or firefox browser . but the problem when i try to signup form my android device, I've inspected the console using USB debugging to see what errors I'm getting when doing so. and I saw the following :

Access to XMLHttpRequest at 'https://www.googleapis.com/identitytoolkit/v3/relyingparty/getProjectConfig?key=MY_API_KEY_HERE' from origin 'https://sakostore-bd7ad.firebaseapp.com' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
​

what I tried to solve this problem and sadly not working :

• I've tried Huawei and Samsung mobile devices the problem is the same
• I've checked the Authorized Domains in Firebase Console and its listed correctly
• I've allowed third party cookies and popups

some context to help you understand the problem :

• this is the domain of the website http://77.37.125.123/ ( note there is no SSL applied )
• I'm using Hostinger VPS, with nginx, This is the config file : click here to see the file

Continue reading...