دریافت خطای CORS هنگام فراخوانی api ها

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

با سلام و وقت بخیر

من حین فراخوانی Api‌ها خطای CORS دریافت می‌کنم :

Access to XMLHttpRequest at 'https://fapi.7learn.com/api/v1/product/list?sort=0' from origin 'http://localhost:64097' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

آیا می‌بایست در Api سمت سرور header خاصی ست شود ؟

سلام،

روی شبیه ساز تست بگیرید، خطا مربوط به پالیسی مرورگر هست که در سمت سرور میشه هندلش کرد.

محسن موحد ۲۶ شهریور ۱۴۰۴، ۰۷:۱۵

با PostMan خطا ندارم و خطا مربوط به مرورگر هست
Api سمت سرور از resource شماست . منظورم اینه که می‌بایست شما به resource خودتون header ست کنید؟

مریم البرزی ۲۶ شهریور ۱۴۰۴، ۰۷:۱۷

این api
https://fapi.7learn.com/api/v1/product/list?sort=0

مریم البرزی ۲۶ شهریور ۱۴۰۴، ۰۷:۱۸

بله مربوط به سمت سرور هست.

گرچه پلاگین Allow CORS: Access-Control-Allow-Origin (روی کروم) میتونید برای تست هاتون نصب کنید.

Browser Bypass انجام میشه و هدرهای زیر inject میشه به Response Headers:

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS
Access-Control-Allow-Headers: *

البته برای تست‌های شماست و روی مرورگر خودتون فقط اتفاق میوفته.

محسن موحد ۲۹ شهریور ۱۴۰۴، ۰۸:۲۷

استاد من این رو هم تست کردم
ولی امکان اضافه کردن این اکستنشن به مرورگری که توی حالت تست باز نمیشه نیست
و کلا اکستنشن نصب نمیکنه

rahnama ۰۲ مهر ۱۴۰۴، ۰۶:۲۲

بله دقیقا منم همین مشکل رو دارم

روی مرورگر کروم اکستنشن رو نصب کردم ولی روی پنجره ای که در حالت تست باز میشه اکستنشن فعال نیست

مریم البرزی ۰۲ مهر ۱۴۰۴، ۰۶:۳۸

اوکیه، در سمت سرور حلش میکنیم.

محسن موحد ۰۲ مهر ۱۴۰۴، ۰۸:۴۸