لدي مشكلة في ارسال من vue الى flask
كيف يتم استخدام POST
sendData() {
const data = this.user;
return this.$http.post('http://127.0.0.1:5000/users', data )
.then(this.extractData)
.catch(this.handleError);
}
}
@YasserAlnajjar
sendData() {
const data = this.user;
return this.$http({method: 'POST', url: 'http://localhost:5000/users',
headers: {
"Access-Control-Allow-Origin":"http://localhost:5000/users",
"Access-Control-Allow-Methods": "POST" },
content: JSON.stringify({
name : data.name,
age : data.age})})
.then(response => {
var result = response.content.toJSON();
/* eslint-disable no-console */
console.log(result);
/* eslint-enable no-console */
}, error => {
/* eslint-disable no-console */
console.error(error);
/* eslint-enable no-console */
});
}
}
هذه رسالة الخطا
Access to XMLHttpRequest at 'http://localhost:5000/users' from origin 'http://localhost: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.
مرحباً صهيب
من رسالة الخطأ، يبدو أن المشكلة متعلقة مجدداً بالـ CORS
جرب استعمال هذه الاضافة للفلاسك:
https://flask-cors.readthedocs.io/en/latest/index.html#resource-specific-cors
ولا تنسى تحديد origin=* والتي تعني اسمح لجميع المواقع بإصدار الطلبات requests إلى تطبيق الفلاسك (استعمل هذا الخيار فقط أثناء التطوير وليس أثناء الإطلاق).
في عملية get تخطيت مشكلة ال cors
لكن الان تواجهني في ال post
وايضا flask يستقبل الطلب على أنه options ويعيد 200
بالنسبة لطريقة ارسال الطلب بهذا الشكل:
let userData = {
username: this.username,
password: this.password
}
this.$http.post('/login', userData)
.then(response => {
// Success
console.log(response.data)
}, error => {
// Error
console.log(error.data)
})
الاوبجكت userData يحتوي على البيانات التي ستأخذها من الفورم
وبعدها في حالة النجاح نستعمل response => {} وهي arrow function الجديدة في ES6، نفسها لو كتبنا function(response) {}
هممم، في الواقع مشاكل CORS تظهر عند عمل POST PUT DELETE، غالباً في GET هي لا تظهر 
المشكلة ظهرت في لبداية عندما ارسلت بيانات من flask الى vue وقمت بمعالجتها
لكن عندما اردت ان ارسل ابيبانات من vue الى flask ظهرت المشكلة مجددا
نعم لانها ما زالت غير محلولة، جربت cors package ؟
لقد نجحت
فقط أضفت
CORS(app)
منذ يومين انا أبحث عن الحل
اريد أن اسألك عن ما هو الفرق بين استخدام axios و VueResource ؟؟؟؟
لا يوجد فرق كبير
فقط axios صارت هي الطريقة الرسمية ومن المحتمل ان تصير vue-resource من الماضي
هذا يعني لاتعلم axios كونها المتداولة 
نعم 
مشروع بسيط طبقت فيه الاساسيات التي تعلمتها
ما شاء الله يا صهيب
ألقيت نظرة على المشروع ويبدو أنك صرت تتحكم في كلاً من flask و vue بشكل جيد 
شكرأ لك هذا بفضل ارشاداتكم 
