Cấu hình CDN phục vụ cùng một file cho mọi URL được yêu cầu

Để CDN trả về cùng một file (ví dụ index.html) cho bất kỳ URL nào được yêu cầu — phổ biến cho Single Page Application (SPA) — bạn có thể cấu hình quy tắc rewrite/redirect.

Giải pháp với CloudFlare (Reverse Proxy)

• Sử dụng CloudFlare làm reverse proxy giữa người dùng và origin server.
• Tạo Page Rule hoặc Transform Rule để redirect mọi request về /index.html.

Nguyên lý hoạt động của CDN

CDN (Content Delivery Network) lưu trữ (cache) nội dung tĩnh (blobs, ảnh, CSS, JS...) tại các edge server phân bố địa lý. Khi người dùng request, CDN phục vụ từ edge server gần nhất, giảm độ trễ và tăng băng thông.

Nếu ứng dụng của bạn là SPA (React, Vue, Angular...), việc redirect mọi route về index.html cho phép client-side router xử lý routing. CDN vẫn cache tốt các file tĩnh (JS bundle, CSS, ảnh) nhờ cache key dựa trên URL đầy đủ.

Lưu ý

• Đảm bảo header Cache-Control phù hợp cho index.html (thường no-cache, must-revalidate) để tránh cache HTML cũ.
• File tĩnh (có hash trong tên file) nên cache lâu (immutable, max-age=31536000).