קריאת FETCH עזרה דחוףףף

[אנונימי123]

שלום,
כתבתי פונקציה עם קריאת fetch עם בקשת get (ריאקט):

שאמורה להחזיר לי רשימה מהשרת (node js) :

שאני מריצה אני לא מקבלת שום שגיאה אך אני לא רואה את הערכים של הרשימה ב console
זה התוצאה ב console:

ממש ממש יעזור הפתרונות שלכם...
די דחוף לי..
תודה ענקית!!!!!!!

 

[java]

שאני מריצה אני לא מקבלת שום שגיאה אך אני לא רואה את הערכים של הרשימה ב console

תלחצי על הbody תראי מה מגיע שם.
זה אמור להיות שם.

 

[הייטקיסטית]

דיבגת בצד שרת? האם המתודה GET אכן קיימת ונקראת? האם ה API למעלה (רץ ברקע)?
האם הport של הapi הוא 3000? (בדרך כלל פורט 3000 הוא הדיפולטיבי של ריאקט)
ממליצה להשתמש בספריית Axios במקום ב fetch הפשוט לקריאות http.

 

[הייטקיסטית]

תלחצי על הbody תראי מה מגיע שם.
זה אמור להיות שם.

אם הסטטוס "0" כנראה שלא חזרה רשימה

 

[אנונימי123]

אם הסטטוס "0" כנראה שלא חזרה רשימה

נכון אבל אני לא מבינה למה??
בפוסטמן זה כן עובד!

 

[אנונימי123]

תלחצי על הbody תראי מה מגיע שם.
זה אמור להיות שם.

הוא רושם לי null

 

[אנונימי123]

יש למישהי אולי קישור לגיט או קישור כלשהו של פרויקט שכתוב בצד לקוח REACT וצד שרת NODEJS???
יעזור לי מאדדדד

 

[הייטקיסטית]

בפוסטמן זה כן עובד!

היתה לי בעיה זהה, כשבקריאה מפוסטמן חזרו נתונים ובקריאת fetch - לא
הפתרון היה להשתמש בספריית axios
מקווה שזה הפתרון גם אצלך.
ההבדל בין קריאה מפוסטמן לבין קריאה מתוך קוד
הוא שבפוסטמן אין חסימות של cors ובקוד - כן

 

[java]

אם הסטטוס "0" כנראה שלא חזרה רשימה

פספסתי את זה...

בפוסטמן זה כן עובד!

אז כנראה הבעיה באמת בfetch
סתם אגב, כשאני כותבת node אני עושה return res.send
אני לא זוכרת אם זה לא עובד בלי, או שזו רק הסטנדרטיזציה.
ואני רואה שכשיש לי retVal אני שולחת
({מיליסט})return res.jsonp
(myList. כתבתי בעברית בשביל שלא יתגרבץ')

בכל מקרה, גם אני מציעה להשתמש בaxios

 

[אנונימי123]

היתה לי בעיה זהה, כשבקריאה מפוסטמן חזרו נתונים ובקריאת fetch - לא
הפתרון היה להשתמש בספריית axios
מקווה שזה הפתרון גם אצלך.
ההבדל בין קריאה מפוסטמן לבין קריאה מתוך קוד
הוא שבפוסטמן אין חסימות של cors ובקוד - כן

אוקיי,
אז איך אני מוסיפה cors ל axios??

 

[נסיון9876]

את יכולה פשוט להוסיף middleware - שיאפשר את הcors

cors

Node.js CORS middleware. Latest version: 2.8.5, last published: 5 years ago. Start using cors in your project by running `npm i cors`. There are 14581 other projects in the npm registry using cors.

www.npmjs.com

 

[הייטקיסטית]

כתבתי פונקציה עם קריאת fetch עם בקשת get (ריאקט):

תנסי לקרוא לפונקציה ללא הפרמטרים שסימנתי:

 

[אנונימי123]

תנסי לקרוא לפונקציה ללא הפרמטרים שסימנתי:
צפה בקובץ המצורף 687423

הוא לא נותן לי

 

[הייטקיסטית]

הוא לא נותן לי

ובתחביר הזה?

fetch('https://localhost:3000/api/get')
            .then(response => response.json())
            .then((data) => console.log("response"));

 

[הייטקיסטית]

דיבגת בצד שרת? האם המתודה GET אכן קיימת ונקראת? האם ה API למעלה (רץ ברקע)?
האם הport של הapi הוא 3000? (בדרך כלל פורט 3000 הוא הדיפולטיבי של ריאקט)
ממליצה להשתמש בספריית Axios במקום ב fetch הפשוט לקריאות http.

@אנונימי123
בדקת את מה שכתבתי?
ניסית להשתמש ב Axios?
ייתכן גם שבצד הסרבר נדרש לאפשר CORS

 

[נסיון9876]

הוא לא נותן לי
צפה בקובץ המצורף 687425

זה בדיוק בעיה של CORS

 

[אנונימי123]

ובתחביר הזה?

fetch('https://localhost:3000/api/get')
            .then(response => response.json())
            .then((data) => console.log("response"));

אותה בעיה הוא מציג לי בקונסול:

 

[אנונימי123]

@אנונימי123
בדקת את מה שכתבתי?
ניסית להשתמש ב Axios?
ייתכן גם שבצד הסרבר נדרש לאפשר CORS

ניסיתי ובהתחלה עשה אותו דבר כמו ה fetch ואח"כ התחיל לחזור הבעיות אבטחה של ה cors....

 

[אנונימי123]

יש פה מישהי שיש לה פרוייקט הבנוי בשתי השפות הנ"ל???
אני חייבת את זה דחוףףף
או אולי מישהי תסכים להשתלט עלי...

בבקשהההה ❤

 

[הייטקיסטית]

הוא לא נותן לי

את צריכה להוסיף CORS:

Try adding the following middleware to your NodeJS/Express app (I have added some comments for your convenience):

// Add headers
app.use(function (req, res, next) {

    // Website you wish to allow to connect
    res.setHeader('Access-Control-Allow-Origin', '*');

    // Request methods you wish to allow
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');

    // Request headers you wish to allow
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');

    // Set to true if you need the website to include cookies in the requests sent
    // to the API (e.g. in case you use sessions)
    res.setHeader('Access-Control-Allow-Credentials', true);

    // Pass to next layer of middleware
    next();
});

מקור:

No 'Access-Control-Allow-Origin' - Node / Apache Port Issue

i've created a small API using Node/Express and trying to pull data using Angularjs but as my html page is running under apache on localhost:8888 and node API is listen on port 3000, i am getting t...

stackoverflow.com