[Help Needed] Cookies not being set

[Kubura33]

Hey, I am having the similar issue that is presented here : #353
This is my configuration:
I am using an image from serversideup
I have set my /etc/hosts to be 127.0.0.1 api.onlyme.local
This is my docker compose for Laravel API :

version: '3.8'

services:
    api.onlyme.local:
        build:
            context: .
            dockerfile: Dockerfile
        working_dir: /var/www/html
        volumes:
            - ./:/var/www/html
        ports:
            - "8080:8080"
        networks:
            - nuxt-laravel
        depends_on:
            - mysql
        environment:
            APP_ENV: local
            DB_CONNECTION: mysql
            DB_HOST: mysql
            DB_PORT: 3306
            DB_DATABASE: MathLab
            DB_USERNAME: MathLab
            DB_PASSWORD:

    mysql:
        image: mysql:8.0
        container_name: mysql
        restart: unless-stopped
        environment:
            MYSQL_ROOT_PASSWORD: root
            MYSQL_DATABASE: MathLab
            MYSQL_USER: MathLab
            MYSQL_PASSWORD: password
        ports:
            - "3306:3306"
        volumes:
            - mysql_data:/var/lib/mysql
        networks:
            - nuxt-laravel


networks:
    nuxt-laravel:
        external: true
        driver: bridge
volumes:
    mysql_data:

And this is from Nuxt:
version: "3.9"

 nuxt:
    build:
      context: .
      target: dev
    container_name: onlyme.local
    ports:
      - "3000:3000"
    volumes:
      - .:/app
      - /app/node_modules
    environment:
      - NODE_ENV=development
    networks:
      - nuxt-laravel
networks:
  nuxt-laravel:
    driver: bridge
    external: true

I have set SESSION_DOMAIN to ".onlyme.local" in my .env. I keep getting : nuxt-auth-sanctum:csr:warn CSRF token mismatch, check your API configuration

My nuxt config

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  compatibilityDate: '2024-11-01',
  devtools: { enabled: true },
  debug: true,
  ssr: true,
  modules: [
    '@nuxt/eslint',
    '@nuxtjs/tailwindcss',
    'nuxt-auth-sanctum'
  ],
  sanctum:{
    baseUrl: 'http://api.onlyme.local:8080',
    headers:{
      'Content-Type': "application/json",
      "Accept": "application/json"
    }
    },
  tailwindcss: {
    exposeConfig: true,
    viewer: true
  }
})

I access my front end via localhost:3000, the cookies arent being set, I have followed the stuff from the discussion I sent above but no use... I am using Breeze's starter kit for the API. These are 2 seperate containers join to the same network...

[Kubura33]

After some messing around, I have set my SANCTUM_STATEFUL_DOMAINS to localhost:3000, I have also brought back SESSION_DOMAIN to localhost and the Cookies are now being set but I still get the CSRF mismatch...
Heres the trace when I try logging in :

My .env

APP_NAME=Laravel
APP_ENV=local
APP_DEBUG=true
APP_URL=http://localhost:8080
FRONTEND_URL=http://localhost:3000

APP_LOCALE=en
APP_FALLBACK_LOCALE=en
APP_FAKER_LOCALE=en_US
SANCTUM_STATEFUL_DOMAINS=localhost:3000,onlyme.local:3000
APP_MAINTENANCE_DRIVER=file
# APP_MAINTENANCE_STORE=database

PHP_CLI_SERVER_WORKERS=4

BCRYPT_ROUNDS=12

LOG_CHANNEL=stack
LOG_STACK=single
LOG_DEPRECATIONS_CHANNEL=null
LOG_LEVEL=debug

DB_CONNECTION=mysql
DB_HOST=mysql
DB_PORT=3306
DB_DATABASE=MathLab
DB_USERNAME=MathLab

SESSION_DRIVER=database
SESSION_LIFETIME=120
SESSION_ENCRYPT=false
SESSION_PATH=/
SESSION_DOMAIN=localhost

BROADCAST_CONNECTION=log
FILESYSTEM_DISK=local
QUEUE_CONNECTION=database

CACHE_STORE=database
# CACHE_PREFIX=

MEMCACHED_HOST=127.0.0.1

REDIS_CLIENT=phpredis
REDIS_HOST=127.0.0.1
REDIS_PASSWORD=null
REDIS_PORT=6379

MAIL_MAILER=log
MAIL_SCHEME=null
MAIL_HOST=127.0.0.1
MAIL_PORT=2525
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_FROM_ADDRESS="[email protected]"
MAIL_FROM_NAME="${APP_NAME}"

AWS_ACCESS_KEY_ID=
AWS_SECRET_ACCESS_KEY=
AWS_DEFAULT_REGION=us-east-1
AWS_BUCKET=
AWS_USE_PATH_STYLE_ENDPOINT=false

VITE_APP_NAME="${APP_NAME}"

[manchenkoff]

Hey @Kubura33, it looks like your issue is in the inconsistency of origin/session domain/actual host.

Have you checked Troubleshooting docs section as well? If nothing work, I'll try to find some time this week to help

[Kubura33]

Hey @Kubura33, it looks like your issue is in the inconsistency of origin/session domain/actual host.

Have you checked Troubleshooting docs section as well? If nothing work, I'll try to find some time this week to help

Hey, I have managed to fix it. What I did is also add mt nuxt domain into /etc/hosts
So I ended up having:
api.onlyme.local 127.0.0.1
onlyme.local 127.0.0.1

So it seems to work for now. Thank you for your reply