راکت
حل شده

مشکل No AccessControlAllowOrigin header در Vue

3 پاسخ

سلام خسته نباشید من از یک api داشتم اطلاعات دریافت میکردم که به این مشکل خوردم

ccess to XMLHttpRequest at 'https://test.api' from origin 'http://192.168.1.7:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

برای اینکه api خصوصی هست نمیتونستم آدرس api را بزارم

و اینهم axios هست که اطلاعات رو میگرفتم و حتی Header ها رو هم ست کردم ولی بازم مشکل داره

 axios({
      method: "get",
      headers: {
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Headers": "*",
      },
      url:
        "https://test.api'",
    })
      .then((response) => (this.coins = response.data))
      .catch((error) => console.log(error));

@ali.bayat , @hesammousavi

ثبت پرسش جدید

پاسخ‌ها

3
آرش تقوی
آرش تقوی
@arash.taghavi69

تخصص: برنامه نویس فول استک

بهترین پاسخ

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

https://www.npmjs.com/package/cors-anywhere

https://www.npmjs.com/package/local-cors-proxy

با اینا میتونی cors رو bypass کنی

آرش تقوی
آرش تقوی
@arash.taghavi69

تخصص: برنامه نویس فول استک

روی کروم اکستنش cors رو نصب کن، یا به دولوپر بک اند بگو این دسترسی رو سمت سرور باز کنه

محمدرضا کیانی
محمدرضا کیانی
@MoReKiani

تخصص: توسعه دهنده وب و موبایل

@arash.taghavi69
اکستنشن رو نصب کردم ولی میخوام این مشکل کلا بدون اکستنشن حل بشه و api هم از یه سایت خارجی هست که قیمت لحظه ای رو نشون میده

شاید پاسخ شما همین‌جا باشد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام