UYARI: CSRF jetonu kimlik doğrulama rayları doğrulanamıyor

AJAX ile denetleyiciye görünümden veri gönderiyorum ve bu hatayı aldım:

UYARI: CSRF jetonu doğruluğu doğrulanamıyor

Sanırım bu jetonu veri ile göndermek zorundayım.

Bunu nasıl yapabileceğimi bilen var mı?

Edit: Benim çözümüm

AJAX yazı içine aşağıdaki kodu koyarak bunu yaptım:

headers: {
  'X-Transaction': 'POST Example',
  'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
},

Bunu yapmalısın:

1. <%= csrf_meta_tag %>Düzeninizde olduğundan emin olun

2. beforeSendBaşlığı aşağıdaki gibi ayarlamak için tüm ajax isteğine ekleyin :

$.ajax({ url: 'YOUR URL HERE',
  type: 'POST',
  beforeSend: function(xhr) {xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'))},
  data: 'someData=' + someData,
  success: function(response) {
    $('#someDiv').html(response);
  }
});

Tüm isteklerde jeton göndermek için şunları kullanabilirsiniz:

$.ajaxSetup({
  headers: {
    'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
  }
});

Bunu yapmanın en iyi yolu <%= form_authenticity_token.to_s %>, jetonu doğrudan ray kodunuzda yazdırmak için kullanmaktır . Diğer mesajlarda bahsedildiği gibi csrf jetonu dom aramak için javascript kullanmanız gerekmez. başlıklar seçeneğini aşağıdaki gibi eklemeniz yeterlidir;

$.ajax({
  type: 'post',
  data: $(this).sortable('serialize'),
  headers: {
    'X-CSRF-Token': '<%= form_authenticity_token.to_s %>'
  },
  complete: function(request){},
  url: "<%= sort_widget_images_path(@widget) %>"
})

Doğru hatırlıyorsam, bu sorundan kurtulmak için formunuza aşağıdaki kodu eklemeniz gerekir:

<%= token_tag(nil) %>

Parametreyi unutmayın.

Gerçekten de en basit yol. Üstbilgileri değiştirmekle uğraşmayın.

Sahip olduğundan emin ol:

<%= csrf_meta_tag %> in your layouts/application.html.erb

Sadece gizli bir giriş alanı şöyle yapın:

<input name="authenticity_token" 
               type="hidden" 
               value="<%= form_authenticity_token %>"/>

Veya bir jQuery ajax yayını istiyorsanız:

$.ajax({     
    type: 'POST',
    url: "<%= someregistration_path %>",
    data: { "firstname": "text_data_1", "last_name": "text_data2", "authenticity_token": "<%= form_authenticity_token %>" },                                                                                  
    error: function( xhr ){ 
      alert("ERROR ON SUBMIT");
    },
    success: function( data ){ 
      //data response can contain what we want here...
      console.log("SUCCESS, data="+data);
    }
});

Eski bir uygulamadan, csrf meta etiketi de dahil olmak üzere raylar 3.1'e geçiş hala çözülmüyor. Rubyonrails.org blogunda, bazı yükseltme ipuçları veriyorlar ve özellikle düzeninizin baş bölümüne gitmesi gereken bu jquery hattı:

$(document).ajaxSend(function(e, xhr, options) {
 var token = $("meta[name='csrf-token']").attr("content");
  xhr.setRequestHeader("X-CSRF-Token", token);
});

bu blog yazısından alınmıştır: http://weblog.rubyonrails.org/2011/2/8/csrf-protection-bypass-in-ruby-on-rails .

Benim durumumda, oturum her ajax isteği üzerine sıfırlanıyordu. Yukarıdaki kodu eklemek bu sorunu çözdü.

1. <%= csrf_meta_tag %>Düzeninizde olduğundan emin olun
2. beforeSendBaşlığı ayarlamak için ajax isteğine csrf belirtecini eklemek için a ekleyin . Bu yalnızca postistekler için gereklidir .

Csrf-token'ı okumak için kod şu şekilde mevcuttur rails/jquery-ujs:

$.ajax({
  url: url,
  method: 'post',
  beforeSend: $.rails.CSRFProtection,
  data: {
    // ...
  }
})

Makaleyi aradığınız cevabın çoğuna sahip olduğu ve aynı zamanda çok ilginç olduğu için bunu buraya bağlayacağımı düşündüm

http://www.kalzumeus.com/2011/11/17/i-saw-an-extremely-subtle-bug-today-and-i-just-have-to-tell-someone/

Burada en çok oy alan cevaplar doğrudur, ancak jQuery'ye oturum çerezini geçmesini açıkça söylemediğiniz sürece oturum kullanılamayacağı için alanlar arası istekleri gerçekleştiriyorsanız çalışmaz . Bunu nasıl yapacağınız aşağıda açıklanmıştır:

$.ajax({ 
  url: url,
  type: 'POST',
  beforeSend: function(xhr) {
    xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'))
  },
  xhrFields: {
    withCredentials: true
  }
});

Aşağıdaki gibi küresel olarak yazabilirsiniz.

Normal JS:

$(function(){

    $('#loader').hide()
    $(document).ajaxStart(function() {
        $('#loader').show();
    })
    $(document).ajaxError(function() {
        alert("Something went wrong...")
        $('#loader').hide();
    })
    $(document).ajaxStop(function() {
        $('#loader').hide();
    });
    $.ajaxSetup({
        beforeSend: function(xhr) {xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'))}
    });
});

Kahve Senaryosu:

  $('#loader').hide()
  $(document).ajaxStart ->
    $('#loader').show()

  $(document).ajaxError ->
    alert("Something went wrong...")
    $('#loader').hide()

  $(document).ajaxStop ->
    $('#loader').hide()

  $.ajaxSetup {
    beforeSend: (xhr) ->
      xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'))
  }

ayy ..

Benim application.js aşağıdaki satırı kaçırdım

//= require jquery_ujs

Ben onun yerini ve onun çalışma ..

======= GÜNCELLENDİ =========

5 yıl sonra, Same error ile geri döndüm, şimdi yeni Rails 5.1.6'm var ve bu yazıyı tekrar buldum. Tıpkı yaşam döngüsü gibi.

Şimdi sorun şuydu: Rails 5.1 varsayılan olarak jquery ve jquery_ujs desteğini kaldırdı ve eklendi

//= require rails-ujs in application.js

Aşağıdakileri yapar:

1. çeşitli eylemler için onay iletişim kutularını zorla;
2. köprülerden GET dışı istekler yapmak;
3. Formların veya köprülerin Ajax ile veri zaman uyumsuz olarak gönderilmesini sağlama;
4. çift ​​tıklamayı önlemek için form gönderme sırasında gönderme düğmelerinin otomatik olarak devre dışı bırakılmasını sağlayın. ( https://github.com/rails/rails-ujs/tree/master adresinden )

Ama neden ajax isteği için csrf jetonunu içermiyor? Herkes bu konuda ayrıntılı bilmek sadece bana yorum. Bunu takdir ediyorum.

Her neyse, çalışması için özel js dosyama aşağıdakileri ekledim (Bu koda ulaşmama yardımcı olacak diğer cevaplar için teşekkürler):

$( document ).ready(function() {
  $.ajaxSetup({
    headers: {
      'X-CSRF-Token': Rails.csrfToken()
    }
  });
  ----
  ----
});

JQuery kullanmıyorsanız ve istekler için API getirme gibi bir şey kullanmıyorsanız aşağıdakileri elde etmek için aşağıdakileri kullanabilirsiniz csrf-token:

document.querySelector('meta[name="csrf-token"]').getAttribute('content')

fetch('/users', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
    'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').getAttribute('content')},
    credentials: 'same-origin',
    body: JSON.stringify( { id: 1, name: 'some user' } )
    })
    .then(function(data) {
      console.log('request succeeded with JSON response', data)
    }).catch(function(error) {
      console.log('request failed', error)
    })

Jquery.csrf ( https://github.com/swordray/jquery.csrf ) kullanın .

• Raylar 5.1 veya üstü

  $ yarn add jquery.csrf

  //= require jquery.csrf

• Raylar 5.0 veya öncesi

  source 'https://rails-assets.org' do
    gem 'rails-assets-jquery.csrf'
  end

  //= require jquery.csrf

• Kaynak kodu

  (function($) {
    $(document).ajaxSend(function(e, xhr, options) {
      var token = $('meta[name="csrf-token"]').attr('content');
      if (token) xhr.setRequestHeader('X-CSRF-Token', token);
    });
  })(jQuery);

Formunuzda jeton oluşturmak için jQuery ile javascript kullanıyorsanız, bu çalışır:

<input name="authenticity_token" 
       type="hidden" 
       value="<%= $('meta[name=csrf-token]').attr('content') %>" />

Açıkçası, <%= csrf_meta_tag %>Ruby düzeninizde olması gerekir .

Olmayan bir jQuery cevap ihtiyacı olanlar için basit aşağıdakileri ekleyebilirsiniz:

xmlhttp.setRequestHeader ('X-CSRF-Token', $ ('meta [ad = "csrf-token"]'). attr ('içerik'));

Çok basit bir örnek burada olabilir:

xmlhttp.open ( "POST", "example.html", true);
xmlhttp.setRequestHeader ('X-CSRF-Token', $ ('meta [ad = "csrf-token"]'). attr ('içerik'));
xmlhttp.send ();

Günlerce bu sorunla mücadele ettim. Herhangi bir GET çağrısı düzgün çalışıyordu, ancak tüm PUT'lar "CSRF jetonu kimlik doğrulaması doğrulanamıyor" hatası oluşturur. Web sitem, nginx'e bir SSL sertifikası ekleyene kadar iyi çalışıyordu.

Sonunda nginx ayarlarımda bu eksik hatta tökezledim:

location @puma { 
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
    proxy_set_header Host $http_host; 
    proxy_redirect off;
    proxy_set_header X-Forwarded-Proto https;   # Needed to avoid 'WARNING: Can't verify CSRF token authenticity'
    proxy_pass http://puma; 
}

Eksik "proxy_set_header X-Forwarded-Proto https;" satırını ekledikten sonra, tüm CSRF jeton hatalarım kesiliyor.

Umarım bu da başlarını duvara dayayan bir başkasına yardım eder. haha

Birisi Uploadify ve Rails 3.2 ile ilgili yardıma ihtiyaç duyarsa (bu yazıyı google'a gönderdiğimde benim gibi), bu örnek uygulama yardımcı olabilir: https://github.com/n0ne/Uploadify-Carrierwave-Rails-3.2.3/blob/master /app/views/pictures/index.html.erb

ayrıca bu uygulamada denetleyici çözümünü kontrol edin

Rails 4.2.4 kullanıyorum ve neden aldığımı çözemedim:

Can't verify CSRF token authenticity

Ben düzeni var:

<%= csrf_meta_tags %>

Denetleyicide:

protect_from_forgery with: :exception

Çağırma tcpdump -A -s 999 -i lo port 3000, ayarlanan üstbilgiyi gösteriyordu (üstbilgileri ayarlamanız gerekmese de ajaxSetup- zaten yapıldı):

X-CSRF-Token: XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
X-Requested-With: XMLHttpRequest
DNT: 1
Content-Length: 125
authenticity_token=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Sonunda başarısız oldu çünkü çerezleri kapalı vardı. CSRF, çerezler etkinleştirilmeden çalışmaz, bu nedenle bu hatayı görüyorsanız başka bir olası nedendir.