Подтвердить что ты не робот

EmberJS/Ember-Data: 404 Не поймать

Я пытаюсь поймать 404 ошибки в моем приложении ember и перенаправить на /not-found.

У меня есть errors действие на моем ApplicationController, и у меня есть функция RSVP.on('error'), но 404 не попадают. Я просто получаю ошибку 404, выведенную на консоль из jQuery, но ошибка не передается обработчику ошибок.

Console Error

Инициализатор ошибок:

import Ember from 'ember';

var initialize = function(container) {
  var errorReporting = container.lookup("service:errorReporting");

  Ember.RSVP.on('error', function(err) {
    Ember.warn("Ember.RSVP error..... Logging error:");
    console.log(err);
    if (err.name && err.name === 'TransitionAborted') {
      Ember.debug("TransitionAborted error. Doesn't look like we should be catching these.");
    } else {
      container.lookup('route:application').send('error', err);
    }
  });

  window.onerror = function(err) { // window general errors.
    Ember.warn("Uncaught error (tripped window.onerror)..... Logging error:");
    console.log(err);
    errorReporting.report(err);
  };

};

export default {
  name: 'errors',
  initialize: initialize
};

Действие ошибки на моем applicationRoute огромно (и я могу опубликовать его), но оно даже не кажется вызванным.

РЕДАКТИРОВАТЬ 1: Код маршрута

import Ember from 'ember';
import AuthenticatedRouteMixin from 'simple-auth/mixins/authenticated-route-mixin';

export default Ember.Route.extend(AuthenticatedRouteMixin, {

  titleToken: function(model) {
    return model.get('name');
  },

  model: function(params) {
    return this.store.find('location', params.location_id);
  }

});

РЕДАКТИРОВАТЬ 2: Обработчик ApplicationRoute/Error

    error: function(err, transition) {
      if (!Ember.isNone(transition)) {
        transition.abort();
      }

      let errorHolder  = this._getErrorDataFrom(err);
      let errorMessage = this._getErrorMessageFrom(errorHolder);
      let isFourOhFour = (typeof(err.status) !== 'undefined' && err.status === 404) || errorHolder.reason === 'not_found';

      if (isFourOhFour) {
        return this.transitionTo('not-found');
      }

      let requireAuthentication = (errorHolder.reason === 'not_authenticated');
      if (requireAuthentication) {
        window.localStorage.setItem('toast-on-reload', errorHolder.message);
        return this.session.invalidate();
      }

      let isValidationError = ( errorHolder.reason === "validation_error" ||
                                ( !Ember.isNone(errorHolder.errors) && !Ember.isNone(errorHolder.message) ) );
      if (isValidationError) {
        this.toast.error(errorMessage);
        return;
      }

      let verificationRequired = (errorHolder.reason === "verification");
      if (verificationRequired) {
        this.toast.error(errorMessage);
        return this.transitionTo('verification');
      }

      let invalidRequest = (errorHolder.reason === 'unprocessable_entity');
      if (invalidRequest) {
        this.toast.error(errorMessage);
        return;
      }

      this.errorReporting.report(errorHolder);
      this.toast.error(errorMessage);
      return this.transitionTo('error');
    }
  },

  _getErrorDataFrom: function(obj) {
    if (!Ember.isNone(obj.responseJSON)) {
      return obj.responseJSON;
    } else if ( !Ember.isNone(obj.success) || !Ember.isNone(obj.errors))  {
      return obj;
    } else if (!Ember.isNone(obj.jqXHR) && !Ember.isNone(obj.jqXHR.responseJSON)) {
      return obj.jqXHR.responseJSON;
    } else {
      Ember.warn("No error handler available, using default ( {} ). Error:");
      console.log(obj);
      return {};
    }
  },

  _getErrorMessageFrom: function(errorHolder) {
    if ( typeof(errorHolder.errors) === 'object' && !Ember.isNone(errorHolder.errors.message) ) {
      return errorHolder.errors.message;
    } else if (!Ember.isNone(errorHolder.errors)) {
      return errorHolder.errors;
    } else if (!Ember.isNone(errorHolder.message)) {
      return errorHolder.message;
    } else {
      return "Sorry, something went wrong.";
    }
  }
4b9b3361

Ответ 1

Если вы хотите использовать событие error, поместите его обработчик внутри хэша actions в маршрут приложения.

В качестве альтернативы рассмотрите использование маршрута ошибки. Вы можете определить это в pods/application/error, с шаблонами, маршрутами и контроллерами, как и любой другой маршрут. См. http://guides.emberjs.com/v1.10.0/routing/loading-and-error-substates/#toc_code-error-code-substates. Код ошибки будет передан этому маршруту ошибок в качестве его модели.

Наконец, во многих случаях он наиболее прост и надежен для catch ошибки из find.

model: function(params, transition) {
    return this.store.find('location', params.location_id) .
        catch(err => this.send('ajaxError', err));
}

Затем определите действие ajaxError на вашем маршруте приложения, в котором выполняются те же действия, которые вы делаете в своем трюке error. Тем не менее, это будет ловить только ajax-ошибки, а не другие виды ошибок, которые могут возникнуть во время переходов, и проглатываться (или в вашем случае сообщается Ember.RSVP.on('error').