How to configure a static / public file serving project in Coolify?

[TessavWalstijn]

I have currently a project spinned up to serve files to my sites.
There is no issue in loading the images or css.
However I am getting CORS errors on my fonts.
After reading the documentation of Traefik and this Q&A on Access-Control-Allow-Origin header
I have tried to add the required labels on the Container Labels.

I feel like asking here is a good location due to potential specifics where to place these types of headers.
Previously I had my nginx reverse proxy handling it however I took that one down to start using Coolify.

Environment

• Ubuntu 22.04 LTS x64
• Coolify v4.0.0-beta.390

Coolify Project

1. Docker Image nginx:latest
2. Network > Container Labels (added)

   traefik.http.middlewares.cors.headers.accesscontrolmaxage=60
   traefik.http.middlewares.cors.headers.addvaryheader=true
   'traefik.http.middlewares.cors.headers.accesscontrolallowmethods=*'
   'traefik.http.middlewares.cors.headers.accesscontrolallowheaders=*'
   'traefik.http.middlewares.cors.headers.accesscontrolalloworigin=*'
   'traefik.http.middlewares.cors.headers.allowedhosts=https://example.com,https://example.org'
   'traefik.http.middlewares.cors.headers.accesscontrolalloworiginlist=https://example.com,https://example.org'
   traefik.http.routers.http-0-ecc4c4wwcso0c808o4sssowo.middlewares=cors
   traefik.http.routers.http-1-ecc4c4wwcso0c808o4sssowo.middlewares=cors
   traefik.http.routers.https-0-ecc4c4wwcso0c808o4sssowo.middlewares=cors
   traefik.http.routers.https-1-ecc4c4wwcso0c808o4sssowo.middlewares=cors
   

3. Directory Mount
   • Source Path /home/some-user/random/path/static/
   • Destination Path /usr/share/nginx/html

[TessavWalstijn]

1. Go to "New Persistent Storage"
2. Add a "File Mount"
   • Destination Path: /etc/nginx/conf.d/cors.conf
   • Content:

     map $http_origin $cors_origin {
       default "";
       "~^https?://(.*\.)?example\.(com|org)$" $http_origin;
     }
     
     server {
       root /usr/share/nginx/html/;
     
       location ~* \.(eot|otf|ttf|woff|woff2)$ {
         proxy_http_version 1.1;
         proxy_set_header Upgrade $http_upgrade;
         proxy_set_header Connection 'upgrade';
         proxy_set_header Host $host;
         proxy_cache_bypass $http_upgrade;
     
         add_header Access-Control-Allow-Origin $cors_origin;
         add_header Strict-Transport-Security "max-age=100; includeSubDomains" always;
         add_header Vary "Origin";
     
         try_files $uri $uri/ =404;
       }
       
       location / {
         proxy_http_version 1.1;
         proxy_set_header Upgrade $http_upgrade;
         proxy_set_header Connection 'upgrade';
         proxy_set_header Host $host;
         proxy_cache_bypass $http_upgrade;
     
         add_header Access-Control-Allow-Origin $cors_origin;
         add_header Strict-Transport-Security "max-age=100; includeSubDomains" always;
         add_header Vary "Origin";
     
         try_files $uri $uri/ =404;
       }
     }
     

3. Re-deploy