CORS Checker ከድረ-ገጽዎ የሚነሳ cross-origin ጥያቄ በዒላማ ሰርቨር ይፈቀድ እንደሆነ ይሞክራል። Preflight (OPTIONS) እና ትክክለኛውን ጥያቄ ያካሂዳል፣ ALLOWED/BLOCKED ፍርድ ያቀርባል፣ እና Access-Control-Allow-Origin, Methods, Headers, እና Credentials ን ይከፋፍላል ስለዚህ ጥያቄ ለምን እንደሚወድቅ በትክክል ለይተው ማወቅ ይችላሉ።
"Blocked by CORS" በአሳሽ ልማት ውስጥ ካሉት በጣም አስቸጋሪ ስህተቶች አንዱ ነው — አሳሹ ወደ ኮድዎ ጠቃሚ መረጃ ሳይመልስ በጸጥታ ጥያቄውን ይከለክላል፣ ጥሬ CORS headers ን ማንበብም አድካሚ ነው። CORS Checker ሙሉውን ምስል ግልጽ ያደርገዋል። የዒላማ URL, HTTP method, እና እንደ (ነባሪው የአሁኑ ገጽዎ ነው) ሊሞክሩት የሚፈልጉትን origin ያስገቡ። በአማራጭ፣ ሊልኩ ያቀዱትን ማንኛውንም custom request headers (content-type, authorization, ወዘተ) ዘርዝሩ። መሳሪያው ከዚያ preflight OPTIONS ጥያቄ (ጥያቄው "simple" ካልሆነ በራስ-ሰር የሚታከል) ተከትሎ ትክክለኛውን ጥያቄ ያካሂዳል፣ እና ተዛማጅ የሆኑ CORS response headers ን ሁሉ ይተነትናል። ከዚያም pass/fail ክፍፍል ያሳያል፡ Allow-Origin በትክክል ተዘጋጅቷል? Allow-Methods method ዎን ያካትታል? custom headers ዎ በ Allow-Headers ውስጥ አሉ? Allow-Credentials ከ credentials flag ዎ ጋር ይዛመዳል? የመጨረሻው ፍርድ ግልጽ ነው — ALLOWED ወይም BLOCKED — እና በእያንዳንዱ ምርመራ ዝርዝር በ backend ውስጥ ምን ማስተካከል እንዳለብዎ በትክክል ይነግርዎታል።
preflight OPTIONS ጥያቄ የሚካሄድበትን ጊዜ (non-simple methods ወይም custom headers) ይለያል እና በትክክለኛው Access-Control-Request-* headers በራስ-ሰር ያካሂደዋል።
እያንዳንዱ CORS ደንብ በተናጠል ይገመገማል፡ origin ማዛመድ፣ የተፈቀዱ methods፣ የተፈቀዱ headers፣ credentials። የትኛው ምርመራ እንደሚወድቅ በትክክል ያዩታል።
በላይኛው ክፍል ትልቅ አረንጓዴ ALLOWED ወይም ቀይ BLOCKED ባነር — መልሱን ለማወቅ headers ማንበብ አያስፈልግም።
ከ preflight እና ትክክለኛ ጥያቄዎች ሁለቱም እያንዳንዱን response header ያሳያል፣ CORS-ተኮር headers ተደምቀው።
ከአሁኑ ገጽ ውጪ ማንኛውንም origin ይምሰሉ — third-party integrations እንዴት እንደሚስተናገዱ ለመሞከር ጠቃሚ።
ምርመራው ከ extension background ይካሄዳል ስለዚህ cross-origin fetches በ host ገጹ የራሱ CORS ፖሊሲ አይታገዱም።
frontend ዎ በ console ውስጥ CORS ስህተት ሲያሳይ፣ backend የትኛው header እንደጎደለው በትክክል ለማየት መሳሪያውን ይጠቀሙ — ከ spec ክፍሎችን ከማንበብ በጣም ፈጣን።
አዲስ ይፋዊ API ከመላክዎ በፊት፣ እያንዳንዱ የሚጠበቅ origin, method, እና header ጥምረት እንደሚሰራ ለማረጋገጥ ከመሳሪያው ይሞክሩት።
ከ third-party API ጋር ሲያዋህዱ፣ ጥያቄው እንደሚያልፍ ለማረጋገጥ ከ origin ዎ ካቀዱት headers ጋር ይሞክሩ።
አሳሹ የ preflight ውጤቶችን ለምን ያህል ጊዜ እንደሚያከማች ለማየት Access-Control-Max-Age ዋጋን ይመልከቱ — ከ header ለውጦች በኋላ ሲሞክሩ ጠቃሚ።
ተጠቃሚዎች ከማግኘታቸው በፊት አካባቢ-ተኮር የተሳሳቱ ውቅሮችን ለመያዝ ተመሳሳዩን CORS ሙከራ በ dev, staging, እና prod URLs ላይ ያካሂዱ።
በ DevSuite Pro dock ውስጥ ያለውን CORS አዶ ጠቅ ያድርጉ። ፓነል ከ URL, method, origin, እና headers ግቤቶች ጋር ይከፈታል።
ሊሞክሩት የሚፈልጉትን API endpoint ይለጥፉ እና HTTP method ይምረጡ (GET, POST, PUT, DELETE, ወዘተ)።
Origin ነባሪው የአሁኑ ገጽ ነው። የተለየ origin እየሞከሩ ከሆነ ይቀይሩት። ማንኛውንም custom request headers በኮማ ተለያይተው ይዘርዝሩ።
መሳሪያው (አስፈላጊ ከሆነ) preflight እና ትክክለኛውን ጥያቄ ያካሂዳል፣ ከዚያም ፍርዱን እና ምርመራዎችን ያሳያል።
BLOCKED ከሆነ፣ በእያንዳንዱ ምርመራ ዝርዝር ከሰርቨሩ response ውስጥ ምን እንደጎደለ ይነግርዎታል። backend header ን ያስተካክሉ እና እንደገና ይሞክሩ።
DevSuite Pro ን በነፃ ይጫኑ እና 64+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።
