sanguk.dev
작성완료
NextJS 빌드 후 정적 파일 경로 이슈

NextJS 빌드 후 정적 파일 경로 이슈

NextJS 빌드 시 모든 정적 파일의 경로가 루트(/)로 시작하는 상대 경로로 설정되어 발생하는 이슈를 해결하기 위해, 현재 경로에서 상대 경로로 지정하고 next.config.js에 assetPrefix: "."를 추가해야 한다.

NextJS

원인

nextjs가 빌드 할 때 모든 정적 파일의 경로를 Root ( / ) 로 시작하는 상대 경로로 빌드를 하기 때문에 발생한다.

해결 방법

현재 경로에서 상대경로로 지정하면 된다.
/next.config.js

javascript
/** @type {import('next').NextConfig} */const nextConfig = {
  assetPrefix: ".",// 이걸 추가해주면 된다.
};

module.exports = nextConfig;