Itt vannak a kulcsfontosságú lépések a CORS hibáinak hibakereséséhez a böngésző fejlesztői eszközeivel:
1. Nyissa meg a fejlesztői eszközöket: A legtöbb böngészőben az F12 vagy a Ctrl+Shift+I megnyomásával nyissa meg a fejlesztői eszközöket. Ez megnyitja a Fejlesztő Eszközök panelt.
2. Lépjen a Hálózat fülre: Keresse meg a "Hálózat" fület a fejlesztői eszközökben, és kattintson rá. Ez megmutatja az oldal által tett összes hálózati kérelmet.
3. Azonosítsa a COR -k hibás kérését: Keresse meg a RED -ben kiemelt sikertelen kéréseket. Valószínűleg ezek a COR -k hibás kérései.
4. Ellenőrizze a kérés fejléceit: Kattintson a sikertelen kérésre további részletek megtekintéséhez. Ezután lépjen a "Fejlécek" fülre a kérés és a válaszfejlécek ellenőrzéséhez.
5. Ellenőrizze a COR-khoz kapcsolódó fejléceket: Keresse meg a következő fejléceket:
- `Origin`: Ennek az a domainnek kell lennie, ahonnan a kérése származik.
-`Access-Control-Request-Method`: Ennek a HTTP módszernek kell lennie, amelyet a kérése megpróbál használni.
-`Access-Control-outlow-Origin`: Ennek vagy meg kell ugyanolyannak lennie, mint az„ Origin ”fejléc vagy a„*”.
-`Access-Control-Awlow-Methods`: Ennek magában kell foglalnia a„ Access-Control-Request-Method` ”módszert, vagy"*".
6. Értelmezze a fejléceket: Ha a COR-khoz kapcsolódó fejlécek nincsenek jelen, vagy az értékeik nem az, amire számítasz, akkor a szerver valószínűleg nem konfigurálva helyesen a COR-k kéréseinek kezelésére.
7. A problémát oldja meg: A hiányzó vagy helytelen CORS fejlécek alapján frissítenie kell a szerver konfigurációját a megfelelő COR -os fejlécek elküldéséhez. Ez magában foglalhatja a szerveroldali kód vagy a proxy/betöltési kiegyensúlyozó beállítások frissítését.
A böngésző fejlesztői eszközeinek felhasználásával a kérés és a válaszfejlécek ellenőrzéséhez gyorsan azonosíthatja a COR -k kiadásának kiváltó okát, és megteheti a szükséges lépéseket annak megoldásához.
Idézetek:[1] https://www.ycode.ai/tutorial/how-to-debug-javascript-cors-scesues-using-the-browser-setwork-panel-topect-http-fejlécek
[2] https://stackoverflow.com/questions/20032037/way-to-debug-cors-erors
[3] https://httptoolkit.com/blog/how-to-debug-cors-errors/
[4] https://davidtruxall.com/mlesateding-cors-errors/
[5] https://developer.genesys.cloud/forum/t/cors-error-in-dev-tools/7970