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

مشكلة Network Error Stack trace في axios مع react.js

Adam Ebrahim

السؤال

أحاول عمل طلب 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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...