Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Kaip aš galiu suderinti „Cors“ klaidas naršyklės kūrėjo įrankiuose


Kaip aš galiu suderinti „Cors“ klaidas naršyklės kūrėjo įrankiuose


Č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