Nginx Tailwind CSS issue

Nginx가 Tailwind CSS를 제대로 전달하지 못해서 발생하는 프록시 캐시/압축 문제

Nginx가 CSS 파일을 압축/인코딩 깨뜨림

# 문제 있는 설정들
location /css/ {
   gzip on;                    # CSS gzip 깨짐
   gzip_types text/css;        # CSS 압축 비활성화
   add_header Cache-Control;   # 캐시 헤더 문제
}

# 또는 미들웨어에서 CSS 변환
proxy_cache my_cache;         # CSS 캐시 깨짐

nginx.conf 수정

server {
   listen 443 ssl;
   
   # CSS 정적 파일은 그대로 전달
   location ~* \.css$ {
       expires 1y;
       add_header Cache-Control "public, immutable";
       gzip off;              # CSS 압축 끄기
       proxy_pass http://capsul-asia-app:8083;
   }
   
   # JS도 동일
   location ~* \.js$ {
       expires 1y;
       add_header Cache-Control "public, immutable";
       gzip off;
       proxy_pass http://capsul-asia-app:8083;
   }
   
   # 나머지
   location / {
       proxy_pass http://capsul-asia-app:8083;
       proxy_set_header Host $host;
       proxy_set_header X-Real-IP $remote_addr;
   }
}