Question

我正在开发一个应用程序，如果我们的Bearer令牌已过期，我们会从服务器返回401。我们想要调用端点/api/newToken并将新的承载令牌设置为cookie（稍后将其添加到标头中），然后在发生错误（401状态）时重新调用正在调用的URL。

我们覆盖了骨干同步方法

var sync_mixin = {
        // `preSync` is a useful hook from which events can be published,
        //      and options / model may be modified.
        preSync: function (method, model, options) {},

        // override sync to:
        //  - call preSync first
        //  - because tastypie and backbone disagree on whether delete should have trailing slash
        sync: function (method, model, options) {
            model.preSync(method, model, options);
            options = options || {};
            options.headers = getAuthHeaders()

            // Add trailing slash to backbone model views
            var _url = _.isFunction(model.url) ?  model.url() : model.url;
            // Missing the case where there is a query string on a detail view here: /v7.0/<resource>/<id>?key=val
            _url += _url.charAt(_url.length - 1) == '/' || _url.indexOf('?') != -1 ? '' : '/';

            options = _.extend(options, {
                url: _url,
                model: model
            });

            if (method.toLowerCase() === 'delete') {
                if (!options.url) {
                    options.url = _.result(model, 'url').replace(/\/$/, "") + '/';
                }
            }

            return Backbone.sync.apply(this, arguments);
        }
    };

    Backbone.Model = Backbone.Model.extend(sync_mixin);

理想情况下，我想在一次处理（而不是在每个模型文件中）处理错误。我想要完成的是当我在同步时得到错误时，调用api端点获取新令牌，将其设置为cookie并以新cookie作为令牌重新调用原始sync方法。这是我尝试过的，但我遇到了最大的调用堆栈错误。我在上面的同步功能中添加了这段代码

            options.error = function(xhr, status, thrown) {
              if(xhr.status === 401 || xhr.status === 403){
                  $.cookies.set("auth-token", '6fe36b69cdac549339850a5aa2f148b470dc2e0e');
                  Backbone.sync.apply(this.model, arguments);
              }
            }

有关如何解决此问题的任何建议？我可以得到任何其他需要的东西。

Answer 1

我得到了这个工作。 Tte max调用堆栈错误是由于我意外地将请求添加回进行递归调用的选项。

这是我的代码，允许调用同步

    var errorHandler = options.error;
    options.error = function(xhr) {
      var errorHandlerArgs = arguments;
      if ((xhr.status === 401 || xhr.status === 0) && $this.ajaxTried < 3) {
          $this.ajaxTried++;
          //call refresh_bearer/ URL 
          $.ajax({
            url: "/api/refresh_bearer/",
            headers: args[2].headers
          }).done(function (data) {
            args[2].headers = getAuthHeaders()
            Backbone.sync.apply($this, args);
          });
      } else {
          $this.ajaxTried = 0;
          errorHandler.apply($this, errorHandlerArgs);
      }
    };

错误回调后重新调用Backbone.Sync方法

1 个答案: