Här är de viktigaste stegen för att felsöka CORS -fel med webbläsarens utvecklarverktyg:
1. Öppna utvecklarverktygen: I de flesta webbläsare kan du öppna utvecklarverktygen genom att trycka på F12 eller Ctrl+Shift+i. Detta öppnar panelen för utvecklarverktyg.
2. Gå till fliken Nätverk: Leta efter fliken "Network" i utvecklarverktygen och klicka på den. Detta visar dig alla nätverksförfrågningar från sidan.
3. Identifiera CORS -misslyckandet: Leta efter eventuella misslyckade förfrågningar som markeras med rött. Dessa är troligtvis CORS -misslyckanden.
4. Kontrollera förfrågningsrubrikerna: Klicka på den misslyckade begäran om att se mer information. Gå sedan till fliken "Rubrik" för att inspektera begäran och svarrubriker.
5. Kontrollera CORS-relaterade rubriker: Leta efter följande rubriker:
- `Ursprung ': Detta bör vara domänen för var din begäran kommer ifrån.
-`Access-control-Request-Method`: Detta bör vara HTTP-metoden som din begäran försöker använda.
-`Access-control-tillåtet-origin`: Detta bör antingen vara detsamma som" Origin "-huvudet eller"*".
-`Access-control-tillåtna-metods`: Detta bör antingen inkludera metoden från` Access-Control-Request-Method` eller Be "*".
6. Tolka rubrikerna: Om de CORS-relaterade rubrikerna inte är närvarande eller om deras värden inte är vad du förväntar dig, är servern troligen inte konfigurerad korrekt för att hantera CORS-förfrågningar.
7. Lös problemet: Baserat på de saknade eller felaktiga CORS -rubrikerna måste du uppdatera serverkonfigurationen för att skicka lämpliga CORS -rubriker. Detta kan involvera uppdatering av serversidan eller proxy/lastbalancerinställningarna.
Genom att använda webbläsarens utvecklarverktyg för att inspektera förfrågan och svarsrubrikerna kan du snabbt identifiera grundorsaken till CORS -problemet och vidta nödvändiga åtgärder för att lösa det.
Citeringar:]
[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/missleading-cors-errors/
[5] https://developer.genesys.cloud/forum/t/cors-error-in-dev-tools/7970