Čia yra pagrindiniai CORS klaidų derinimo veiksmai naudojant naršyklės kūrėjo įrankius:
1. Atidarykite kūrėjo įrankius: Daugelyje naršyklių galite atidaryti kūrėjo įrankius paspausdami F12 arba Ctrl+Shift+i. Tai atidarys kūrėjų įrankių skydą.
2. Eikite į tinklo skirtuką: ieškokite skirtuko „Tinklas“ kūrėjo įrankiuose ir spustelėkite jį. Tai parodys visas puslapio pateiktas tinklo užklausas.
3. Nurodykite CORS nesėkmingą užklausą: ieškokite bet kokių nepavykusių užklausų, kurios paryškintos raudonai. Tikėtina, kad CORS nepatenka užklausas.
4. Patikrinkite užklausos antraštes: spustelėkite nepavykusį užklausą, kad pamatytumėte daugiau informacijos. Tada eikite į skirtuką „Antraštės“, kad patikrintumėte užklausos ir atsakymo antraštes.
5. Patikrinkite su CORS susijusias antraštes: ieškokite šių antraščių:
- „Kilmė“: Tai turėtų būti jūsų prašymo domenas.
-`Prieigos kontrolės-atsakymo-method`: Tai turėtų būti HTTP metodas, kurį bando naudoti jūsų užklausa.
-`Prieigos kontrolės-originus: tai turėtų būti tokia pati kaip„ kilmės “antraštė arba„*“.
-„Prieigos kontrolės-arešto-metodai“: Tai turėtų apimti metodą iš „prieigos kontrolės-recenzijos-method“ arba būti „*“.
6. Aiškinkite antraštes: Jei su CORS susijusių antraščių nėra arba jų vertės nėra tokios, kokios tikitės, tada serveris greičiausiai nėra tinkamai sukonfigūruotas tinkamai tvarkyti CORS užklausas.
7. Išspręskite problemą: Remdamiesi trūkstamomis ar neteisingomis „Cors“ antraštėmis, turėsite atnaujinti serverio konfigūraciją, kad išsiųstumėte tinkamas „Cors“ antraštes. Tai gali apimti serverio pusės kodo atnaujinimą arba tarpinio/apkrovos balansavimo įrenginių parametrus.
Naudodami naršyklės kūrėjo įrankius, norėdami patikrinti užklausos ir atsakymo antraštes, galite greitai nustatyti pagrindinę CORS problemos priežastį ir imtis reikiamų veiksmų, kad ją išspręstumėte.
Citatos:[1] https://www.anycode.ai/tutorial/how-to-debug-javascript-cors-issues-sing-the-browser-- Network-panel-to-spect-http-headers
[2] https://stackoverflow.com/questions/20032037/way-to-debug-cors-errors
[3] https://httptoolkit.com/blog/how-to-debug-cors-errors/
[4] https://davidtruxall.com/Misleading-cors-errors/
[5] https://developer.genesys.cloud/forum/t/cors-error-in-dev-tools/7970