Šeit ir galvenie soļi, lai atkļūdotu COR kļūdas, izmantojot pārlūka izstrādātāja rīkus:
1. Atveriet izstrādātāja rīkus: Lielākajā daļā pārlūkprogrammu varat atvērt izstrādātāja rīkus, nospiežot F12 vai Ctrl+Shift+I. Tas atvērs izstrādātāju rīku paneli.
2. Dodieties uz cilni Tīkls: izstrādātāja rīkos meklējiet cilni “tīkls” un noklikšķiniet uz tā. Tas parādīs visus tīkla pieprasījumus, kas iesniegti lapā.
3. Nosakiet CORS neveiksmes pieprasījumu: meklējiet visus neveiksmīgos pieprasījumus, kas ir izcelti sarkanā krāsā. Iespējams, ka tie ir CORS neveiksmīgi pieprasījumi.
4. Pārbaudiet pieprasījuma galvenes: noklikšķiniet uz neveiksmīgā pieprasījuma, lai redzētu sīkāku informāciju. Pēc tam dodieties uz cilni "galvenes", lai pārbaudītu pieprasījuma un atbildes galvenes.
5. Pārbaudiet ar COR saistītās galvenes: meklējiet šādas galvenes:
- `izcelsme`: tam vajadzētu būt domēnam, no kurienes nāk jūsu pieprasījums.
-`Piekļuves kontroles-pieprasījuma metode`: tam vajadzētu būt HTTP metodei, kuru mēģina izmantot jūsu pieprasījums.
-`Access-Control-Allow-Origin`: tam vajadzētu būt vai nu tādam pašam kā` izcelsmes galvenei, vai "*".
-`piekļuves kontrole-all-metodi`: tajā jāiekļauj metode no` piekļuves kontroles-pieprasījuma metodēm "vai jābūt"*".
6. Interpretējiet galvenes: ja ar COR saistītās galvenes nav vai to vērtības nav tādas, kādas jūs sagaidāt, tad serveris, iespējams, nav pareizi konfigurēts, lai apstrādātu COR pieprasījumus.
7. Atrisiniet problēmu: Balstoties uz trūkstošajām vai nepareizajām CORS galvenēm, jums būs jāatjaunina servera konfigurācija, lai nosūtītu atbilstošās CORS galvenes. Tas var ietvert servera puses koda vai starpniekservera/slodzes līdzsvara iestatījumu atjaunināšanu.
Izmantojot pārlūka izstrādātāja rīkus, lai pārbaudītu pieprasījuma un reakcijas galvenes, varat ātri noteikt CORS problēmas galveno cēloni un veikt nepieciešamās darbības, lai to atrisinātu.
Atsauces:[1.]
[2] https://stackoverflow.com/questions/20032037/way-to-debug-cors-errors
[3] https://httptoolkit.com/blog/how-to-debug-cors-errors/
[4] https://davidrxall.com/misleading-cors-errors/
[5] https://developer.genesys.cloud/forum/t/cors-error-in-dev-tools/7970