इस कोडलैब में, देखें कि संसाधन फ़ेच करते समय, एक ही ऑरिजिन की नीति कैसे काम करती है.
सेट अप करें: एक ही ऑरिजिन से पेज फ़ेच करें
डेमो को https://same-origin-policy-fetch.glitch.me पर होस्ट किया गया है.
यह आसान वेब पेज, https://same-origin-policy-fetch.glitch.me/fetch.html से संसाधन लोड करने के लिए fetch का इस्तेमाल करता है. index.html और fetch.html का ऑरिजिन एक ही है. इसलिए, आपको लाइव झलक में 200 दिखेगा.
1. किसी दूसरे ऑरिजिन से पेज फ़ेच करना
फ़ेच यूआरएल को https://www.google.com में बदलने की कोशिश करें.
आपको लाइव झलक में क्या दिखता है?
ब्राउज़र को फ़ेच करने के अनुरोध को ब्लॉक कर देना चाहिए, क्योंकि आपने किसी दूसरे ऑरिजिन से संसाधन का अनुरोध किया है. इसका मतलब है कि हमलावर, क्रॉस-ऑरिजिन संसाधनों को नहीं पढ़ सकता. भले ही, उसने उपयोगकर्ता के ब्राउज़र का कंट्रोल ले लिया हो.
2. क्रॉस-ऑरिजिन संसाधन फ़ेच करना
फ़ेच यूआरएल को https://api.thecatapi.com/v1/images/search में बदलकर देखें.
आपको लाइव झलक में क्या दिखता है?
फ़ेच यूआरएल का ऑरिजिन अलग है, लेकिन आपको स्टेटस कोड 200 दिखना चाहिए. क्यों? आधुनिक वेब ऐप्लिकेशन अक्सर तीसरे पक्ष की स्क्रिप्ट लोड करने या किसी एपीआई एंडपॉइंट से क्वेरी करने के लिए, क्रॉस-ऑरिजिन संसाधनों का अनुरोध करते हैं. इन इस्तेमाल के उदाहरणों को ध्यान में रखते हुए, सीओआरएस (क्रॉस ऑरिजिन रिसॉर्स शेयरिंग) नाम का एक तरीका है. इससे ब्राउज़र को बताया जाता है कि क्रॉस-ऑरिजिन रिसॉर्स को लोड करने की अनुमति है. सीओआरएस के बारे में ज़्यादा जानने के लिए, क्रॉस-ऑरिजिन रिसॉर्स को सुरक्षित तरीके से शेयर करना लेख पढ़ें.