Çerez ile API getir

Yeni Getirme API'sini deniyorum ama Çerezler ile sorun yaşıyorum. Özellikle, başarılı bir girişten sonra gelecekteki isteklerde bir Çerez başlığı var, ancak Fetch bu başlıkları yok sayıyor gibi görünüyor ve Fetch ile yapılan tüm isteklerim yetkisiz.

Getir hala hazır olmadığından veya Getir Çerezlerle çalışmadığı için mi?

Uygulamamı Webpack ile oluşturuyorum. Aynı sorunu olmayan React Native'de Getir'i de kullanıyorum.

Getirme varsayılan olarak çerez kullanmaz. Çerezi etkinleştirmek için şunu yapın:

fetch(url, {
  credentials: "same-origin"
}).then(...).catch(...);

@ Khanetor'un cevabına ek olarak, çapraz kökenli taleplerle çalışanlar için: credentials: 'include'

Örnek JSON getirme isteği:

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

Sadece çözdüm. Sadece iki f. Brutforce günleri

Benim için sır şu şekildeydi:

1. POST / api / auth'u aradım ve çerezlerin başarıyla alındığını gördüm.

2. Daha sonra GET / api / users / ile credentials: 'include'çağrılıyor ve istek ile çerez gönderilmediği için 401 yetkisi yok.

ANAHTAR credentials: 'include'ilk /api/authçağrı için de ayarlamaktır .

Bunu 2019'da okuyorsanız credentials: "same-origin", varsayılan değerdir.

fetch(url).then

.net webapi2Kullanıcılar için burada doğru cevapları eklemeniz yeterli .

corsİstemci siteniz sizin adresiniz gibi farklı bir adresten sunulduğu için kullanıyorsanız , sunucu tarafı yapılandırmasına webapida eklemeniz gerekir 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);

Bu benim için çalışıyor:

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;
}

Ardından çağrınızı oluşturun:

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)));
    };
  }