How to deploy directus project correctly?

Help
1

I am trying to deploy my project on my Ubuntu server. After my setups, the directus is accessible but the problem is I cannot login. Here is what I have on docker-compose.yml

directus:

container_name: project-directus

image: directus/directus:11.5.1

restart: unless-stopped

#network_mode: host

ports:

  - 8055:8055

volumes:

  - ./database:/directus/database

  - ./uploads:/directus/uploads

  - ./extensions:/directus/extensions

environment:

  SECRET: ${DIRECTUS_SECRET}

  ADMIN_EMAIL: ${DIRECTUS_ADMIN_EMAIL}

  ADMIN_PASSWORD: ${DIRECTUS_ADMIN_PASSWORD}

  DB_CLIENT: ${DIRECTUS_DB_CLIENT}

  DB_FILENAME: ${DIRECTUS_DB_FILENAME}

  WEBSOCKETS_ENABLED: ${DIRECTUS_WEBSOCKETS_ENABLED}

mem_limit: 400m   # cap at \~40% of RAM

cpus: 0.5         # cap at half of 1 vCPU

and in my apache configuration, this is what I have:

<VirtualHost *:80>
    ServerName directus.domain.com

    # Preserve original host and forward headers
    ProxyPreserveHost On
    RequestHeader set X-Forwarded-Proto "https"
    RequestHeader set X-Forwarded-Host "directus.domain.com"

    ProxyPass / http://xxx.xx.xxx.xx:8055/
    ProxyPassReverse / http://xxx.xx.xxx.xx:8055/

    ErrorLog ${APACHE_LOG_DIR}/directus-error.log
    CustomLog ${APACHE_LOG_DIR}/directus-access.log combined
</VirtualHost>

This is the erros I saw in browser console when project was accessed

image
image1164×195 12.3 KB

I tested some public api routes like /assets/{id} and it is accessbile.