Nextjs không cache ảnh trên firebase

Chào mọi người

Em có tạo một ứng dụng nextjs tích hợp firebase để lưu ảnh.

ở browser em gọi tới nextjs ở URL là trang chủ. Nextjs trả về cho em một file HTML có thẻ img chứa link ảnh ở firebase. Nhưng sao browser không cache ở những lần sau. Ai đã từng hay biết vấn đề này giải quyết như thế nào. xin cho hướng giải quyết.

Em xin cảm ơn

Bạn muốn browser cache thì URL hình ảnh phải cố định, cũng không có phần query string (sau dấu ? nếu trong URL có dấu ?), vì mỗi lần mỗi khác browser không thể phát hiện ra đó là ảnh cũ.

Hình bạn chỉ trên thì có 1 ảnh đã cache, ảnh còn lại chưa cache vì lần đầu tiên truy cập nên chưa thể cache.

1 Like

Để cache lại file ảnh,text,js …Bạn thêm một số thông tin vào Header:;

  • Strong Caching Header : ExpiresCache-Control .
  • Weak Caching Header : EtagLast-Modified .

Nếu server BE viết bằng Flask thì bạn làm theo hướng dẫn sau :https://www.maskaravivek.com/post/how-to-add-http-cachecontrol-headers-in-flask/

Còn nếu viết bằng PHP dùng NGINX thì làm theo hướng dẫn sau : https://viblo.asia/p/cau-hinh-http-caching-cho-nginx-3Q75wmVDZWb

1 Like
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?