0

我有模型称为帖子。和称为帖子列表的组件

应用程序/模板/组件/posts-list.hbs：

{{#each posts as |post|}}
  {{post.title}}
{{/each}}

主模板：

{{posts-list posts=model}}

应用程序/路线/posts.js：

export default Ember.Route.extend({
  model() {
    return this.store.findAll('post');
  }
});

问题描述：无论用户是否授权，这些帖子都可以加载，但是当用户授权时，标题会有所不同（数据来自使用 JWT 的服务器）。

我将 ember-simple-auth 与自定义授权器和验证器一起使用。身份验证过程看起来像 - 用户单击链接并转到后端，然后使用令牌作为 GET 参数重定向回主页。我在 app/routes/application.js 中覆盖了 setupController 并调用

this.get('session').authenticate('authenticator:custom', token);

在身份验证器中，我具有以下功能：

  authenticate: function(token) {
    return new Ember.RSVP.Promise((resolve, reject) => {
      Ember.$.ajax({
        url: ENV.APP.API_HOST + '/api/users',
        type: 'GET',
        contentType: 'application/json',
        dataType: 'json',
        headers: {
          'Accept': 'application/json',
          'Authorization': token
        }
      }).then(function(response) {
        Ember.run(function() {
          resolve({ token: token });
        });
      }, function(xhr, status, error) {
        var response = xhr.responseText;
        Ember.run(function() {
          reject(response);
        });
      });
    });
  }

所以我试图让当前用户使用令牌，如果成功，则用户被授权。

除了一件事，一切都很好。在请求当前用户之前请求帖子，因此即使用户实际授权他也会看到未经授权的内容。是否可以告诉 Ember 加载顺序（或在身份验证后重新加载数据，但这会产生第二个不受欢迎的请求）。

4

1 回答 1

0

为此目的引入了beforeModel 。

beforeModel(transition) {
  let token = transition.queryParams.token;
  let promise = this.get('session').authenticate('authenticator:custom', token);

  promise.then(()=> {
    alert("You're in!");
  });

  promise.catch(()=> {
    transition.abort();
    this.transitionTo('loggin');
  });
}
于 2016-02-15T18:51:47.257 回答