مشکل درخواست api با axios

[m.livani.live]

سلام بچه ها خسته نباشید. میخواستم از api سایتی استفاده کنم در react native. اول اینکه وقتی url درخواستی رو در مرورگر میزنیم ازمون user pass میخواد:

برای دریافت از axios استفاده کردم به صورت زیر:

JavaScript

axios.create({ withCredentials: true, baseURL: 'https://site.com/api/products?company_id=198', timeout: 10000, headers: { "Accept": "application/json", "Content-Type": "application/json", 'Authorization': 'Basic username:password' } });

1 2 3 4 5 6 7 8 9 10 11 12

axios.create({   withCredentials: true,   baseURL: 'https://site.com/api/products?company_id=198',   timeout: 10000,   headers: {     "Accept": "application/json",     "Content-Type": "application/json",     'Authorization': 'Basic username:password'   } });

اما همچین خطایی بهم میده:

کلمه ی Access-Control-Allow-Origin رو در اینترنت جستجو کردم چنتا سایت رو خوندم و کد رو به صورت زیر تغییر دادم:

JavaScript

axios.create({ withCredentials: true, baseURL: 'https://hornb2b.com/', timeout: 10000, headers: { 'Access-Control-Allow-Origin': '*', "Accept": "application/json", "Content-Type": "application/json", 'Authorization': 'Basic username:password' } });

1 2 3 4 5 6 7 8 9 10 11 12 13

axios.create({   withCredentials: true,   baseURL: 'https://hornb2b.com/',   timeout: 10000,   headers: {     'Access-Control-Allow-Origin': '*',     "Accept": "application/json",     "Content-Type": "application/json",     'Authorization': 'Basic username:password'   } });

اما بازهم همون خطا رو بهم میده… لطفا کمکم کنید. تشکر…

[مهدی حسن زاده]

اگر خطای cors origin دارین باید سمت سرور برطرف بشه
میتونید از اکستنشن کروم استفاده کنید برای devlopment
https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf

[m.livani.live]

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

JavaScript

const authh = base64.encode(&#039;user:pass&#039;); const proxyurl = &quot;https://cors-anywhere.herokuapp.com/&quot;; const url = &#039;https://hornb2b.com/api/products?company_id=127&lang_code=fa&#039;; fetch(proxyurl + url, { method:&#039;GET&#039;, mode: &#039;cors&#039;, headers:{ &#039;Authorization&#039;: <code>Basic ${authh}</code> }, })

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

const authh = base64.encode(&#039;user:pass&#039;);     const proxyurl = &quot;https://cors-anywhere.herokuapp.com/&quot;;   const url = &#039;https://hornb2b.com/api/products?company_id=127&lang_code=fa&#039;;   fetch(proxyurl + url,         {   method:&#039;GET&#039;,           mode: &#039;cors&#039;,           headers:{             &#039;Authorization&#039;: <code>Basic ${authh}</code>           },         })

با استفاده از این url قبل url درخواست api مشکل حل شد و محتوا رو تونستم بگیرم. اما نمیدونم کار درستیه یا نه

[نویسنده]

نوشته‌ها