S0 के साथ लोकलहोस्ट पर Samesite कुकी की त्रुटि

Question

मैं अपनी प्रतिक्रिया ऐप में प्रमाणीकरण को लागू करने के लिए SSL0 का उपयोग कर रहा हूं। मैं useAuth0 का उपयोग कर रहा हूं () हुक निम्नानुसार है,

const { isAuthenticated, isLoading } = useAuth0();

मैंने लॉगिन का उपयोग भी किया है

const { loginWithRedirect } = useAuth0();
.
.
.
<button onClick={() => loginWithRedirect()} />

जब मैं बटन को दबाता हूं, तो यह लगभग 0 पर रीडायरेक्ट करता है, और मैं लॉगिन करने में सक्षम हूं। लॉगिन करने के बाद, यह ऐप पर वापस रीडायरेक्ट करता है, और बिना किसी समस्या के लॉग इन मार्ग दिखाता है। हालाँकि समस्या यह है कि जब मैं ऐप में कोई बदलाव करता हूं, तो यह फिर से लोड हो जाता है, और मुझे फिर से लॉगिन पृष्ठ के साथ प्रस्तुत किया जाता है, हालांकि मैं लॉग इन था। क्रोम मुद्दों टैब में यह संदेश दिखाता है।

मैं यह पता लगाने में सक्षम नहीं हूं कि यह रिफ्रेश पर काम क्यों नहीं करता है, लेकिन यह लॉगिन के बाद रीडायरेक्ट पर क्यों काम करता है, और मैं कल से एक समाधान खोजने की कोशिश कर रहा हूं, लेकिन अब तक कोई भाग्य नहीं। मुझे यह पता चला कि कुकी जो क्रोम की सेमसाइट चेतावनी का कारण है, वह निकटतम प्रश्न है जो मुझे मिल सकता है, लेकिन इसे हल करने के तरीके के बारे में उचित उत्तर नहीं दिया गया है।

Answer 1

अंत में मेरे लिए जो काम किया वह एक और एसओ प्रश्न पर एक उत्तर था ।

यहाँ सामग्री है,

मुद्दा यह था कि बहादुर और सफारी दोनों इंटेलिजेंट ट्रैकिंग प्रिवेंशन (आईटीपी) का उपयोग करते हैं, जो मूक प्रमाणीकरण को काम करने से रोक रहा था।

मेरे लिए जो समाधान काम किया गया था वह ताज़ा टोकन (Auth0 डैशबोर्ड के माध्यम से) को सक्षम करने और Auth0 प्रदाता को अतिरिक्त सहारा प्रदान करने के लिए था।

जोड़ने के लिए दो नए सहारा हैं: useRefreshTokens={true}और cacheLocation="localstorage"।

<Auth0Provider
  domain={process.env.REACT_APP_AUTH0_DOMAIN}
  clientId={process.env.REACT_APP_AUTH0_CLIENT_ID}
  redirectUri={window.location.origin}
  onRedirectCallback={onRedirectCallback}
  useRefreshTokens={true}
  cacheLocation="localstorage"
>
  {children}
</Auth0Provider>

यहाँ ताज़ा टोकन को घुमाने के बारे में अधिक जानने के लिए आधिकारिक दस्तावेज़ दिए गए हैं: https://auth0.com/docs/tokens/refresh-tokens

और यह गितुब मुद्दा था जिसने इस मुद्दे को साफ कर दिया https://github.com/auth0/auth0-react/issues/101