카카오 로그인의 콜백 단계에서 manifest.json 문제

REST API
#1

먼저 지난 게시글에서 문제 해결 후 감사인사를 드리려 했으나 만료가 되어 뒤늦게나마 감사를 드립니다.

현재는 로컬에서는 되는데, 배포상황에서는 콜백 받았을 때 매니페스트 파일의 문제를 겪고 있습니다.

image
image1920×1080 258 KB

로컬에서는 소셜 로그인 후 콜백에 의해 문제가 발생하지 않습니다.

image
image1920×1080 257 KB

배포 후 소셜 로그인을 하지 않았을 때는 manifest에 의한 문제가 발생하지 않습니다.

image
image1920×1080 189 KB

그러나 배포 후 소셜 로그인을 했을 때 보이는 어플리케이션이 저러하며, 매니페스트를 찾지 못하는 문제가 발생하고 있습니다.
콘솔 로그에는
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec.

image
image1920×1080 143 KB

로컬의 프론트 구조와 manifest.json은 이와 같습니다

어느 부분에서 카카오 콜백을 처리하지 못해 발생하는 문제인지 확인하고 싶습니다.

#2 
FROM node:latest as builder
WORKDIR /app
COPY package.json .
COPY package-lock.json .
COPY . .
RUN npm install
RUN npm run build

# nginx 이미지를 사용합니다. 뒤에 tag가 없으면 latest 를 사용합니다.
FROM nginx

COPY --from=builder /app/dist /usr/share/nginx/html

# container 실행 시 자동으로 실행할 command. nginx 시작함
CMD ["nginx", "-g", "daemon off;"]

도커는 이와 같습니다.

version: "3"
services:
  backend:
    container_name: springboot
    build: ./backend/springboot
    image: back_image:0.0
    ports:
      - "8080:8080"

    networks:
      - backend_frontend

  frontend:
    container_name: frontend
    build: ./frontend
    image: front_image:0.0
    ports:
      - "80:80"
      - "443:443"
    volumes:
      - /etc/letsencrypt:/etc/letsencrypt
      - /var/lib/letsencrypt:/var/lib/letsencrypt
      - /home/ubuntu/nginx/conf.d:/etc/nginx/conf.d
      - /home/ubuntu/nginx/sites/sites-enabled:/etc/nginx/sites-enabled

    networks:
      - backend_frontend

networks:
  backend_frontend:
    driver: bridge

프론트엔드 보다 상위 폴더의 전체의 도커 컴포즈는 이와 같습니다.