My frontend can't read the browser csrf cookie

[M-Hassan-Raza]

I have a VueJS (with Pinia) + Django + PostgreSQL stack. When I ran the website locally, it was attaching the CSRF token with each request gracefully. As soon as I deployed the website (frontend to Netlify and backend Django to fly and PostgreSQL to neon), my code suddenly can't access the cookie stored in the browser. I tried console logging the cookie, but it doesn't read anything. I have detailed relevant snippets below. Any help is greatly appreciated.