I got "url" parameter is required when I use next/image

What version of Next.js are you using?

10.1.3

What version of Node.js are you using?

14.16.0

What browser are you using?

Chrome, Safari

What operating system are you using?

macOS

How are you deploying your application?

next start

Describe the Bug

I use next/image on localhost and EB is OK. But, when I link EB to Cloudfront, I got "url" parameter is required.

The following link point to exactly same server, but one of the links was failed. Failed https://d2ob318ly2sjhj.cloudfront.net/_next/image?url=%2Fassets%2Fimages%2Fhun_p1_main1_img%402x.jpg&w=3840&q=75 Work http://hungerofficialsitedev.ap-northeast-1.elasticbeanstalk.com/_next/image?url=%2Fassets%2Fimages%2Fhun_p1_main1_img%402x.jpg&w=3840&q=75

Expected Behavior

Expected got the image from both address.

To Reproduce

https://codesandbox.io/s/busy-lichterman-ud8m2?file=/tailwind.config.js

[sp0033212000]

@cmnstmntmn @progrmoiz The problem is the query string cache, cloudfront default behavior was ignore the query string, so you should enable it. The reason is nextjs Image component will send the image source path with the size through url query string. like: http://example.com/assets/path/to/the/image.png?w=3840 the w=3840 is size param.

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.