Cant use external next/image with custom server in production

Bug report

Describe the bug

Cant use external next/image with custom server, request:

http://localhost:3000/_next/image?url=https%3A%2F%2Fpicsum.photos%2Fseed%2F9e56cc3f-be43-4d02-a580-9fe6438640e9%2F208%2F124&w=256&q=75

return 400 and message "url" parameter is not allowed

domain is added to next.config.js and it works in development

To Reproduce

custom server:

const { createServer } = require("http");
const next = require("next");
const { parse } = require("url");

const dev = process.env.NODE_ENV !== "production";
const port = process.env.PORT || 3000;
const app = next({ dev });
const handle = app.getRequestHandler();

app.prepare().then(() => {
  createServer((req, res) => {
    // Be sure to pass `true` as the second argument to `url.parse`.
    // This tells it to parse the query portion of the URL.
    const parsedUrl = parse(req.url, true);

    handle(req, res, parsedUrl);
  }).listen(port, (err) => {
    if (err) throw err;
    console.log("> Ready on http://localhost:3000");
  });
});

Image component

<Image
          src="https://picsum.photos/seed/208/124"
          height={124}
          width={208}
        />

Expected behavior

Image should load

Screenshots

If applicable, add screenshots to help explain your problem.

System information

• OS: Windows and linux
• Version of Next.js: 10.0.3
• Version of Node.js: 12 and 14
• Deployment: local server and azure

Additional context

Add any other context about the problem here.

[korbinianfritsch]

Thanks for opening this issue, @gust42.

I can confirm this behavior within a similar setup:

• custom express server as in https://github.com/vercel/next.js/blob/canary/examples/custom-server-express/server.js
• images.domains is correctly set in next.config.js
• works fine in development
• error 400 "url" parameter is not allowed in Docker production environment

[gust42]

You can add a next.config.js to your server folder with your image setup, solved it for me