ember.js - Ember.js：非标准路由，请输入

Question

我们正在构建的应用程序将由几个较小的子应用程序组成。

/ <-- main application
/accounts <-- sub app
/reports <-- sub app
/contacts <-- sub app

我们将利用 Django 路由将用户定向到每个子应用程序。所以当用户点击站点的主页时，它是纯 Django。当他们点击帐户时，它是纯 Django。当用户登陆每个子应用页面时，Ember 将接管并从那里开始。

当用户访问帐户子应用程序时，我将用户转换到帐户路由：

Social.IndexRoute = Ember.Route.extend({
    redirect: function() {
        this.transitionTo('accounts');
    }
});

该 URL 如下所示：

/accounts/#/accounts/27

我想做的是在用户访问本质上是索引页面时加载帐户信息。这包含属于用户的帐户列表。当他们选择一个帐户时，我想链接到帐户路由：

/accounts/#/account/27

我该怎么做呢？

Answer 1

您可以在路由器上设置一个 rootURL，然后该应用程序将愉快地存在于子目录中。

Social.Router.map(function() {
  this.resource('accounts');
});

Social.Router.reopen({
  location: 'hash',
  rootURL: '/accounts'
});

Social.IndexRoute = Ember.Route.extend({
  redirect: function() {
    this.transitionTo('accounts');
  }
});