Frontend not receiving authentication token in FastAPI Google OAuth setup

Frontend
1

I’m having trouble with my FastAPI app using Google OAuth. The authentication token isn’t showing up in the browser cookies after the callback. Here’s what I’ve tried:

@router.get('/google/callback')
async def google_callback(code: str, response: Response):
    # OAuth flow and token fetching
    access_token = generate_access_token(user_email)
    response.set_cookie(
        key='auth_token',
        value=access_token,
        httponly=True,
        domain='localhost'
    )
    return RedirectResponse('http://localhost:3000/login-success', status_code=302)

I’m setting the cookie in the response and redirecting to the frontend. But the cookie isn’t there when I check. Am I missing something? Is there a better way to get the token to the frontend securely? Any help would be great!

2

I encountered a similar issue in my FastAPI project. The problem might be related to the domain setting. Try changing ‘domain='localhost'’ to use ‘samesite='lax'’. This worked for me:

response.set_cookie(
    key='auth_token',
    value=access_token,
    httponly=True,
    samesite='lax'
)

Additionally, ensure your frontend is configured to accept and send cookies with credentials. In your API calls, include the option ‘credentials: include’. For example, if you’re using Axios, set:

axios.defaults.withCredentials = true;

These adjustments should help your frontend receive the authentication token securely.

3

yo, had similar probs. try setting secure=True in ur cookie options. also, make sure ur frontend and backend are on same domain (both localhost). if that don’t work, maybe look into using JWT tokens instead? they’re pretty cool for auth stuff. good luck!

4

hmmm, interesting issue! Have u tried checking the network tab in devtools to see if the cookie is actually being set? sometimes it’s there but not visible in the application tab. Also, what about using localStorage instead of cookies? might be easier to manage. curious to hear what others think!