フロントエンド(Next.js)のコンテナからバックエンド(例えば、djangoのapi) のコンテナへAPI通信を行う際は、フロントエンド側のnext.config.mjsにて、docker.internalの設定を行う。
next.config.mjs
const nextConfig = {};
export default {
async rewrites() {
return [
{
source: '/api/:path*',
destination: 'http://host.docker.internal:8000/api/:path*/',
}
]
}
};