空のルートパスで子ルートが機能しない

Question

ユーザーのプロファイルページへのルートを作成しようとしていますが、これは "/：username"でなければなりませんが、機能しません。最後の行に記述されています。子ルートは空のパスを持つ親とは動作しないようです。

app.js私が持っている私のhome.jsで

configureRouter(config, router){ 
     config.title = 'Dreampper'; 
     //config.options.pushState = true; 
     config.map([ 
      { route: '',    moduleId: 'home'}, 
      { route: 'login', moduleId: './components/account/login', name: 'login'}, 
      { route: 'register', moduleId: './components/account/register', name: 'register'} 
     ]); 

：

{ route: '', moduleId: './components/timeline/timeline', name: 'timeline' }, 
{ route: 'welcome', moduleId: './components/account/welcome', name: 'welcome' }, 
{ route: 'account/EmailConfirmation/:user/:code', moduleId: './components/account/email-confirmation', name:'Email confirmation' }, 
{ route: ':username', moduleId: './components/profile/profile', name: 'profile' } 

誰かが私を助けることができますか？リダイレクトを使用したくないのは、リダイレクトによってURLが空の "localhost /"にならないからです。

Answer 1

ルータの設定時にmapUnknownRoutes機能を使用してください。私はこれをテストしなかったが、あなたはこのようなことをすることができるはずです。 Fabioの提案も考慮に入れてください。それは良いことです。しかし、あなたが本当にそれをしたい場合は...

config.mapUnknownRoutes({ redirect: '#/' }); 

router.configure(config => { 
    config.mapUnknownRoutes(instruction => { 
    //check instruction.fragment 
    //set instruction.config.moduleId 
    }); 
}); 

基本的には、指定された実際のルートを取得するためにinstruction.fragmentを見てみたいと思うでしょうし、その後パラメータを使用して特定のルートにリダイレクトどんなルートが与えられたとしても。