400 Bad Request Public Folder Images

Unanswered

West African Lion posted this in #help-forum

West African LionOP

2023-12-21T17:26:11.000Z

all of a sudden i started getting bad requests from images in my public folder.

folder structure

public/
  login-sidebar.jpg
src/
  app/
    page.tsx

code

<Image
  alt="background"
  fill
  priority
  quality={90}
  sizes="(max-width: 768px) 50vw, 100vw"
  src="/login-sidebar.jpg"
  style={{
    objectFit: 'cover',
  }}
/>

error

400 Bad Request
http://localhost:3000/_next/image?url=%2Flogin-sidebar.jpg&w=3840&q=90

3 Replies

@West African Lion all of a sudden i started getting bad requests from images in my public folder. folder structure public/ login-sidebar.jpg src/ app/ page.tsx code <Image alt="background" fill priority quality={90} sizes="(max-width: 768px) 50vw, 100vw" src="/login-sidebar.jpg" style={{ objectFit: 'cover', }} /> error 400 Bad Request http://localhost:3000/_next/image?url=%2Flogin-sidebar.jpg&w=3840&q=90

Ray

2023-12-21T17:30:59.000Z

do you have a middleware?

West African LionOP

2023-12-21T17:47:24.000Z

now that you mention it i made a recent change to that and i understand why its throwing that error!

thank you so much!