اذهب إلى المحتوى

السؤال

نشر

أحاول عمل طلب request من خلال مكتبة axios من واجهة موقع مبنية بـ react لكني أحصل على الخطأ التالي:

Error: Network Error Stack trace: 
createError@http://localhost:3001/static/js/index.js:2012:13 handleError@http://localhost:3001/static/js/index.js:910:12

وهذا هو الكود الخاص بمكتبة axios

axios.get(`http://localhost:3001/persons?fname="adam"&lname=${lname}`)
.then(function(response) {console.log(response);})
.catch(function(error) {console.log(error);});

 

Recommended Posts

  • 1
نشر

يبدو أن لديك مشكلة في CORS وطبقة على السيرفر تعمل لحماية المواقع من الطلبات الخبيثة، ويمكنك حل المشكلة من خلال تثبيت مكتبة cors في الـ backend الخاص بك، ويمكنك فعل ذلك في laravel من خلال الأمر :

composer require fruitcake/laravel-cors

وإضافة middleware إلى ملف app/Http/Kernal.php كالتالي:

protected $middleware = [
  \Fruitcake\Cors\HandleCors::class,
    // ...
];

أو إن كنت تستخدم express.js قم بتثبيت المكتبة من خلال الأمر التالي:

npm install cors

ثم قم بإضافة الكود التالي إلى الملف السيرفر الخاص بك:

var express = require('express')

// إستدعاء المكتبة
var cors = require('cors')

var app = express()

// تسغيل cors middleware
app.use(cors())

بالتوفيق

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...