🏷️ #dev web api (2 บทความ)

← แท็กทั้งหมด

CORS Error — ไอ้สามตัวอักษรที่ back-end สาปแช่ง front-end ก็สาป

ทุกคนที่เขียนเว็บเคยเจอ...

"No 'Access-Control-Allow-Origin' header is present"

แค่ฟังชื่อ error ก็รู้สึกปวดหัวตึ้บแล้ว

ฝั่ง front-end โทษ back-end ว่า "ไม่ยอมเปิด CORS"
ฝั่ง back-end โทษ front-end ว่า "ไปเรียกผิด endpoint"
ความจริง?...

CORS Error — ตอนแรกไม่เข้าใจ พอเข้าใจแล้วก็ยังเกลียด

Access to fetch at 'https://api.example.com/data' from origin 'https://app.example.com' has been blocked by CORS policy...

ประโยคนี้แหละครับ ที่ทำให้ dev อย่างเรา ๆ ต้องหยุดทุกอย่างแล้วมานั่งงงกับ browser console อยู่พักใหญ่

ตอนแรกที่เจอ CORS...