पाठ 20 / 23

CORS सक्षम करना

अन्य origin वाले ब्राउज़र्स को अपने API कॉल करने दें।

CORS क्या है

ब्राउज़र डिफ़ॉल्ट रूप से origin-a.com की पेज को origin-b.com के API कॉल करने से रोकते हैं (same-origin policy)। CORS वे response हेडर हैं जो विशेष origin को फिर से अनुमति देते हैं।

cors पैकेज

npm install cors, फिर इसे मिडलवेयर के रूप में लागू करें — ग्लोबल रूप से या विशेष origin तक सीमित।

import cors from 'cors';

app.use(cors({
  origin: ['https://myapp.com', 'http://localhost:4200'],
  methods: ['GET', 'POST', 'PUT', 'DELETE'],
}));

त्वरित जाँच: CORS प्रतिबंध किसके द्वारा लागू होते हैं...?

  • सर्वर, response भेजने से पहले
  • ब्राउज़र, response हेडर के आधार पर
  • डेटाबेस
Answer

ब्राउज़र, response हेडर के आधार पर — सर्वर हमेशा रिक्वेस्ट प्रोसेस करता है; अगर हेडर अनुमति न दें तो ब्राउज़र ही JS कॉलर को response पढ़ने से रोकता है।