আমি নতুন ফেচ এপিআই চেষ্টা করছি তবে কুকিজ নিয়ে সমস্যা হচ্ছে। বিশেষতঃ, সফল লগইনের পরে, ভবিষ্যতের অনুরোধগুলিতে একটি কুকি শিরোলেখ পাওয়া যায়, তবে আনতে মনে হয় সেই শিরোলেখটিকে অগ্রাহ্য করা হয়েছে, এবং ফেচের সাথে করা আমার সমস্ত অনুরোধগুলি অননুমোদিত।
এটি কারণ কারণ আনয়ন এখনও প্রস্তুত নয় বা ফেচ কুকিজের সাথে কাজ করে না?
আমি ওয়েবপ্যাক দিয়ে আমার অ্যাপটি তৈরি করি। আমি প্রতিক্রিয়া নেটিভ আনতেও ব্যবহার করি, যার একই সমস্যা নেই।
উত্তর:
আনয়ন ডিফল্টরূপে কুকি ব্যবহার করে না। কুকি সক্ষম করতে, এটি করুন:
fetch(url, {
credentials: "same-origin"
}).then(...).catch(...);same-origin(যা আছে এখনো কর্মস্থল) মানে যে আরো হেডার (কুকিজ, ইত্যাদি) সম্মানিত করা হবে কিন্তু আপনার কোড প্রতিক্রিয়া সীমিত অ্যাক্সেস থাকবে।
document.cookie, তবে এটি আজাক্স বা আনার অনুরোধগুলির জন্য উপলব্ধ।
@ খেনিটরের উত্তর ছাড়াও, যারা ক্রস-অরিজিন অনুরোধ নিয়ে কাজ করছেন: credentials: 'include'
নমুনা JSON আনার অনুরোধ:
fetch(url, {
method: 'GET',
credentials: 'include'
})
.then((response) => response.json())
.then((json) => {
console.log('Gotcha');
}).catch((err) => {
console.log(err);
});
https://developer.mozilla.org/en-US/docs/Web/API/Request/credentials
document.cookieঅনুরোধগুলিতে অন্তর্ভুক্ত করার জন্য কেবল মান নির্ধারণই যথেষ্ট ছিল।
সবেমাত্র সমাধান করেছেন। মাত্র দুটি চ। বর্বর শক্তি দিন
আমার কাছে গোপন কথাটি ছিল:
আমি POST / api / auth কল করেছি এবং দেখুন কুকিজ সফলভাবে প্রাপ্ত হয়েছে।
তারপরে জিইটি / এপিআই / ব্যবহারকারী / সাথে কল করে credentials: 'include'401 জন অ্যালৌথ পেয়েছেন, কারণ অনুরোধের সাথে কোনও কুকিজ প্রেরণ করা হয়নি।
KEY credentials: 'include'প্রথম /api/authকলের জন্যও সেট করতে হবে।
credentials: 'include'প্রথমPOST /api/auth
আপনি যদি 2019 এ এটি পড়েন credentials: "same-origin"তবে এটি ডিফল্ট মান।
fetch(url).then
এখানে .net webapi2ব্যবহারকারীদের জন্য সঠিক উত্তর যুক্ত করুন ।
যদি আপনি ব্যবহার করছেন corsকারণ আপনার ক্লায়েন্ট সাইটটি অন্য কোনও ঠিকানা থেকে আপনার হিসাবে পরিবেশিত হয়েছে webapiতবে আপনাকে SupportsCredentials=trueসার্ভার সাইড কনফিগারেশনেও অন্তর্ভুক্ত করতে হবে ।
// Access-Control-Allow-Origin
// https://docs.microsoft.com/en-us/aspnet/web-api/overview/security/enabling-cross-origin-requests-in-web-api
var cors = new EnableCorsAttribute(Settings.CORSSites,"*", "*");
cors.SupportsCredentials = true;
config.EnableCors(cors);
এটি আমার পক্ষে কাজ করে:
import Cookies from 'universal-cookie';
const cookies = new Cookies();
function headers(set_cookie=false) {
let headers = {
'Accept': 'application/json',
'Content-Type': 'application/json',
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
};
if (set_cookie) {
headers['Authorization'] = "Bearer " + cookies.get('remember_user_token');
}
return headers;
}
তারপরে আপনার কলটি তৈরি করুন:
export function fetchTests(user_id) {
return function (dispatch) {
let data = {
method: 'POST',
credentials: 'same-origin',
mode: 'same-origin',
body: JSON.stringify({
user_id: user_id
}),
headers: headers(true)
};
return fetch('/api/v1/tests/listing/', data)
.then(response => response.json())
.then(json => dispatch(receiveTests(json)));
};
}