< Back to blog

Next.js Image Optimizer trả về nhầm ảnh do sai cache key

#Next.js#Image Optimizer#CDN#Caching#Debugging
August

Issue

  • Image Optimizer của Next.js trả về cùng một file (cùng hash, cùng size) cho các request khác nhau dù tham số query khác nhau.

Nguyên nhân

  • Do cache layer/CDN/proxy, Next server tính sai cache key, bỏ qua query string, hoặc nhiều instance share cache bị race.

Hướng xử lý

  • Kiểm tra CDN/reverse-proxy có cache theo path mà bỏ qua query string (?url=...&w=...&q=...) không.
  • Xóa .next/cache/images hoặc cache layer CDN.