एक्सिस को स्वचालित रूप से अपने अनुरोधों में कुकीज़ भेजें

Question

मैं क्लाइंट से एक्सिस का उपयोग कर अपने Express.js सर्वर पर अनुरोध भेज रहा हूं।

मैंने क्लाइंट पर एक कुकी सेट की है और मैं हाथ से अनुरोध करने के लिए मैन्युअल रूप से जोड़ने के बिना सभी एक्सिस अनुरोधों से उस कुकी को पढ़ना चाहता हूं।

यह मेरा clientside अनुरोध उदाहरण है:

axios.get(`some api url`).then(response => ... 

मैं अपने Express.js सर्वर में इन गुणों का उपयोग करके हेडर या कुकीज़ पहुँचने का प्रयास किया:

req.headers 
req.cookies 

न तो उनमें से किसी कुकीज़ निहित।

app.use(cookieParser()) 

मैं Axios स्वचालित रूप से अनुरोध में कुकीज़ कैसे कर सकता हूँ: मैं कुकी पार्सर मिडलवेयर उपयोग कर रहा हूँ?

संपादित करें:

मैं इस तरह ग्राहक पर कुकी सेट:

import cookieClient from 'react-cookie' 

... 
let cookie = cookieClient.load('cookie-name') 
if(cookie === undefined){ 
     axios.get('path/to/my/cookie/api').then(response => { 
     if(response.status == 200){ 
      cookieClient.save('cookie-name', response.data, {path:'/'}) 
     } 
     }) 
    } 
... 

हालांकि यह भी Axios उपयोग कर रहा है, यह सवाल करने के लिए प्रासंगिक नहीं है। कुकी सेट होने के बाद मैं बस अपने सभी अनुरोधों में कुकीज़ एम्बेड करना चाहता हूं।

Answer 1

मुझे एक ही समस्या थी और withCredential संपत्ति द्वारा इसे ठीक किया गया।

किसी भिन्न डोमेन से XMLHttpRequest अपने डोमेन के लिए कुकी मान सेट नहीं कर सकता है जब तक कि अनुरोध करने से पहले प्रमाण-पत्र सत्य पर सेट न हो जाएं।

axios.get('some api url', {withCredentials: true}); 

Answer 2

आप दोनों को मिश्रित लगता है।

आपके पास "प्रतिक्रिया-कुकी" और "Axios"

प्रतिक्रिया-कुकी =>

Axios क्लाइंट की तरफ कुकी से निपटने के लिए है => सर्वर से ajax अनुरोध भेजने के लिए है

उस जानकारी के साथ, यदि आप बैकएंड पक्ष में क्लाइंट साइड से कुकीज़ को भी सूचित करना चाहते हैं, तो आपको उन्हें एक साथ कनेक्ट करने की आवश्यकता होगी। "प्रतिक्रिया-cookie" रीडमी से

नोट:

isomorphic कुकीज़!

सर्वर-प्रतिपादन करते समय उपयोगकर्ता कुकीज़ तक पहुंचने में सक्षम होने के लिए, आप प्लगToRequest या setRawCookie का उपयोग कर सकते हैं।

link to readme

यदि यह आप क्या जरूरत है, महान।

यदि नहीं, तो कृपया टिप्पणी करें ताकि मैं और विस्तार कर सकूं।

Answer 3

मैं Axios से परिचित नहीं हूँ, लेकिन जहाँ तक मुझे पता है जावास्क्रिप्ट और ajax में वहाँ एक विकल्प

withCredentials: true 

यह स्वचालित रूप से क्लाइंट साइड करने के लिए कुकी भेज देंगे है। उदाहरण के लिए, इस परिदृश्य भी passportjs साथ उत्पन्न होता है, जो सर्वर

Answer 4

एक अन्य समाधान इस लाइब्रेरी का उपयोग करने के लिए है पर एक कुकी सेट:

https://github.com/3846masa/axios-cookiejar-support

जो Axios करने के लिए "कठिन कुकी" समर्थन को एकीकृत । ध्यान दें कि इस दृष्टिकोण को अभी भी withCredentials ध्वज की आवश्यकता है।

Answer 5

एक्सप्रेस प्रतिक्रिया में आवश्यक शीर्षलेख सेट करना भी महत्वपूर्ण है। ये वे हैं जो मेरे लिए काम करते हैं:

app.use(function(req, res, next) { 
    res.header('Access-Control-Allow-Origin', yourExactHostname); 
    res.header('Access-Control-Allow-Credentials', true); 
    res.header('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept'); 
    next(); 
});