CORS untuk Alpine.js

medium4 titik pemeriksaan

CORS menentukan origin mana yang boleh membaca respons API. Wildcard mengubah API terautentikasi menjadi API publik.

Yang harus ada di Alpine.js

  • Access-Control-Allow-Origin hanya untuk origin yang diketahui
  • Tidak ada wildcard yang digabung dengan credentials
  • Tidak memantulkan header Origin sembarang
  • Preflight hanya mengizinkan metode yang benar-benar dipakai

Cara memperbaiki

  1. 1Ganti wildcard dengan allowlist eksplisit
  2. 2Validasi Origin sebelum memantulkannya dan tolak origin tak dikenal lebih awal

Konteks Alpine.js

Lightweight reactive attributes for markup-driven interactivity.

x-html bypasses escaping. Keep CSP strict because Alpine evaluates expressions in the page.