Tässä on keskeiset vaiheet Cors -virheiden virheenkorjaamiseen selaimen kehittäjätyökalujen avulla:
1. Avaa kehittäjätyökalut: Useimmissa selaimissa voit avata kehittäjätyökalut painamalla F12 tai Ctrl+Shift+i. Tämä avaa kehittäjätyökalut -paneelin.
2. Siirry verkko -välilehteen: Etsi "verkko" -välilehti kehittäjätyökaluista ja napsauta sitä. Tämä näyttää kaikki sivun esittämät verkkopyynnöt.
3. Tunnista CORS: n epäonnistuneen pyynnön: Etsi epäonnistuneita pyyntöjä, jotka korostetaan punaisella. Nämä ovat todennäköisesti Cors -epäonnistuneita pyyntöjä.
4. Tarkasta pyynnön otsikot: Napsauta epäonnistunutta pyyntöä nähdäksesi lisätietoja. Siirry sitten "otsikot" -välilehteen tarkastamaan pyyntö- ja vastausotsikot.
5. Tarkista CORS: ään liittyvät otsikot: Etsi seuraavat otsikot:
- "Alkuperä": Tämän pitäisi olla verkkotunnus siitä, mistä pyyntösi tulee.
-`Access-Control-Request-Method`: Tämän pitäisi olla HTTP-menetelmä, jota pyyntösi yrittää käyttää.
-`Access-Control-Allow-Origin`: Tämän pitäisi olla joko sama kuin` alkuperä` -otsikko tai "*".
-`Access-kontrolli-salli-menetelmä`: Tämän pitäisi joko sisältää menetelmä` Access-Control-Request-Method` tai olla "*".
6. Tulkitse otsikot: Jos CORS: ään liittyviä otsikoita ei ole läsnä tai niiden arvot eivät ole mitä odotat, palvelinta ei todennäköisesti määritetä oikein CORS-pyyntöjen käsittelemiseksi.
7. Ratkaise ongelma: Puuttuvien tai virheellisten CORS -otsikoiden perusteella sinun on päivitettävä palvelimen kokoonpano lähettääksesi asianmukaiset CORS -otsikot. Tähän voi kuulua palvelinpuolen koodin tai välityspalvelimen/latauspainoajan asetusten päivittäminen.
Käyttämällä selaimen kehittäjätyökaluja tarkastamaan pyyntö- ja vastausotsikot, voit nopeasti tunnistaa CORS -ongelman perimmäisen syyn ja ryhtyä tarvittaviin toimiin sen ratkaisemiseksi.
Viittaukset:.
[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