Global ajax hatalarını Ember'e nereye koyabilirim?

Question

Uygulamamın bağdaştırıcısında, ajax hatalarına dayanarak hata kodlarını döndürüyorum. Bunları uygulama yolunun hata yönteminde ele alıyorum. Bu, link-to yoluyla bir rotaya erişirsek harika çalışır. Ancak bir rotayı yenilediğimde veya sadece URL’yi girerseniz, uygulamamın hata işleyicisi çağrılmıyor. Her seferinde çalışacağı garanti edilen bu hata işlemcisini koyabileceğim bir yer var mı? Her bir rotada aynısını "401 ise, kullanıcı girişi" kodunu uygulamak istemiyorum.

yolları/application.js:

export default Ember.Route.extend({ 
    actions: { 
    error: function(reason) { 
     if (reason === 401) { 
      alert('401'); 
      this.send('showLogin'); 
     } 
    }, 

adaptörler/application.js:

import DS from 'ember-data'; 

export default DS.ActiveModelAdapter.extend({ 
    'namespace': '', 
    ajaxError: function(jqXHR) { 
    var error = this._super(jqXHR); 
    if (jqXHR && jqXHR.status === 401) { 
     return 401; 
    } 
    return error; 
    } 
}); 

Düzenleme: Yukarıdaki kod neredeyse benim için çalıştı

. Vurduğum ana konu, URL’yi yenilerken veya isabetlerken bu programın ('showLogin') yakalanmamasıydı. Bir geçişinden bu Değişen harika işler:

import Ember from 'ember'; 

export default Ember.Route.extend(ApplicationRouteMixin, { 
    actions: { 
    error: function(reason) { 
     if (reason === 401) { 
     this.transitionTo('login'); 
     } 
    }, 
    ... 

Answer 1

sonra,

Ember.RSVP.on('error', function(error) { 
    // ... 
}); 

RSVP vaat kullanıyorsanız Yoksa sen yapabilirsiniz düz jQuery xhr

$(document).ajaxError(function(evt, jqXHR) { 
    // ... 
}); 

Answer 2

kullanıyorsanız Bir uygulama bağdaştırıcısı ve sonra her bağdaştırıcıyı bundan uzatın ve isInvalid işlevini kullanın.

//app/adapters/application.js 
import DS from 'ember-data'; 
import Ember from 'ember'; 

export default DS.JSONAPIAdapter.extend({ 

    isInvalid(status, headers, payload){ 
     if (status===401) {} 
    }, 

}); 

//app/adapters/anotherAdapter.js 

import AppAdapter from 'yourapp/adapters/application'; 

export default AppAdapter.extend({ 

});