devbaji / vue3-google-login

Add Sign In With Google feature to your Vue 3 application
https://github.com/devbaji/vue3-google-login/
MIT License
208 stars 30 forks source link

I Got Cross-Origin-Opener-Policy Error But the popup is shown #40

Closed pine630 closed 3 months ago

pine630 commented 1 year ago
image

I setup my application as the mannual and also the google cloud

image

Could anyone help me about this error message?

pjkostrzewski commented 1 year ago

I've got the same: image

joseperu2503 commented 1 year ago

Same issue :(

539hex commented 1 year ago

For all those who are experiencing the error, I realized that my deployment of the static app ( in my case on azure ) was not correct, so in the staticwebapp.config.json file I configured the headers like this

"globalHeaders": {
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Methods": "POST, GET, OPTIONS",
        ""Cross-Origin-Opener-Policy": "same-origin-allow-popups"",
        "referrer-policy": "strict-origin-when-cross-origin"
    }

and everything works correctly.

cavid90 commented 11 months ago

How to do it in vue 3 ?

devbaji commented 3 months ago

@cavid90 @Wasabiiiiiii @pine630 @pjkostrzewski @joseperu2503
Sorry for the late reply guys, I can't replicate this issue on my side. I doubt this might be an error shown from Google 3P Authorization JavaScript Library, as this is just a wrapper around this library. I guess this might have fixed. Please reopen if this issue still exist.