반응형
Next.js 배포 후 운영서버에서 확인해보면 이미지를 정상적으로 다운받지 못하는 이슈가 발생한다.
이때 basePath를 설정해주어야한다.
next.config.js에서 basePath를 설정해준다.
이후 이미지 등 정적파일의 경로에 basePath를 추가한다.
ex)
/images/logo.png 였다면, /app/images/logo.png 로 수정해준다.
* basePath 설정 시 배포 후 URL 도메인 뒤에 basePath가 붙는다 주의하자
FROM node:14.21 AS build
#/usr/src로 이동
WORKDIR /app
# package 복사
COPY package*.json yarn.lock ./
RUN yarn install
#파일전체복사
COPY . .
RUN yarn build
FROM node:14.21 AS runner
WORKDIR /app
ENV NODE_ENV production
COPY .env ./
COPY next-env.d.ts ./
COPY next.config.js ./
COPY --from=build /app/package*.json ./
COPY --from=build /app/yarn.lock ./
COPY --from=build /app/public ./public
COPY --from=build /app/.next/standalone ./
COPY --from=build /app/.next/static ./.next/static
RUN yarn install --production
EXPOSE 30000
CMD ["yarn", "start"]추가로 내가 작업한 dockerfile도 기록용으로 업로드 :)
반응형