api and ajax

سلام
قبل از نشانی درخواستی برای api تون، این رو اضافه کنید:

https://cors-anywhere.herokuapp.com/

مثال:

const res = await fetch(`https://cors-anywhere.herokuapp.com/https://www.roocket.ir/api/search?key=${key}&q=${this.query}`);

ممنون کدتون را نوشتم اما سایت من رو هاست نیست و خطای زیر را من گرفت
Invalid host: file
حالا باید چیکار کنم میشه راهنمایی کنید لطفا
@milad

@reihanehmarijani
میشه کد مربوطه رو ببینیم؟

این افزونه ها رو یکی یکی نصبش کنید. و سپس فعال کنید. اگر اولی کار نکرد، برید سراغ دومی.
https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf?hl=en
https://chrome.google.com/webstore/detail/cors-unblock/lfhmikememgdcahcdlaciloancbhjino?hl=en

ببینید درست میشه. نتیجه رو بفرمایید.

راه حل های دیگه:
https://medium.com/@dtkatz/3-ways-to-fix-the-cors-error-and-how-access-control-allow-origin-works-d97d55946d9

کدی که نوشتم اینه
من دو تا لینکی که گذاشتید را اضافه کردم مشکل حل نشد و لینک سومی که گذاشتید رو دیروز که سرچ میکردم دیدم و CORS را اضافه کردم اما واقعیتش نفهمیدم کجا باید کد ها رو وارد کنم به خاطر همین مزاحم شما دوستان شدم
@milad
@pesaregorg

<script src="jquery/jquery.js"></script>
<script>

$(function () {
    $.ajax({
        url: "books.xml",
        method: "get",
        dataType: "xml",
        success : function (response){
           $("#rest").text(response);
        }
    })

})

</script>
 <div id="rest">sample</div>

کدهارو به درستی قرار بدید:
https://roocket.ir/faq پرسش 9

این کد رو به header اضافه کنید

Access-Control-Allow-Origin: *

به این لینک هم سر بزنید
https://zinoui.com/blog/cross-domain-ajax-request

بله .کد ها را در همون پیام قبلی مرتب کردم
@milad

@reihanehmarijani
واللا کدهاتون بهمریخته هستش همچنان

بله حق با شماست الان درست شد
@milad

@reihanehmarijani
زنده باشید.
بله الان نحوه قرار دادن کدهاتون درست شدش. ولی خود کدها مشکل دارن، باز بهم ریخته هستند.

امیدوارم مشکل اصلی تون هم رفع شده باشه تا الان.

درود

CORS کوتاه‌شده‌ی عبارت Cross-origin resource sharing است. محل کاربرد CORS در مرورگرهای مدرن و برای بررسی اجازه‌ی دسترسی از راه دور به منابع و سرویس‌های تحت وب است.
برای مثال در حالت عادی امکان استفاده از فایل‌های فونت از روی یک سرور دیگر وجود ندارد یا امکان ارسال یک درخواست AJAX از روی دامنه‌ای غیر از دامنه‌ی فعلی ممکن نیست.CORS ابزاری است که روشی برای حذف این محدودیت در اختیار برنامه‌نویسان قرار می‌ده.

اطلاعات بیشتر در لینک زیر:
https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS