2016-12-08 9 views
0

はそう出てアプリのために、すべてのURLが.APP拡張子を持っている要件があり...のWebPACK Devserver - Angular2 - 可能拡張子

のでhttp://domain/news.app http://domain/article.app?blah=blah

これは、生産に正常に動作している間(私のwebpack devサーバでは動作しません...または少なくとも私はそれを動作させるための設定を見つけることができません。

私の角度のアプリケーションルートで私はこれを持っています

私は http://localhost:8080/news.appをすればwebpack.dev confには

output: { 
    path: helpers.root('dist'), 
    publicPath: 'http://localhost:8080/', 
    filename: '[name].js', 
    chunkFilename: '[id].chunk.js' 
}, 

ので....私が手

const appRoutes: Routes = [ 
    { path: 'home.app', pathMatch: 'full', component: AppPage}, 
    { path: 'news.app', pathMatch: 'full', component: AppNews} 
]; 

/news.app取得することはできません

どのようにdevのサーバーをセットアップすること/news.appを許可しますか?

答えて

1
devServer: { 
    port: 8080, 
    historyApiFallback: { 
     index: 'index.html' 
    } 
    } 

これにより、すべての呼び出しがindex.htmlにリダイレクトされ、次にAngular2ルータがそこから取得します。

謎は当然ながらhistoryApiFallbackの後ろにあり、webpackにはどのような場合でもindex.htmlにフォールバックするように指示します。 historyApiFallbackで

+0

に私を指摘xe4meへ

historyApiFallback: { disableDotRule: true }, 

おかげで動作するようには思えない....もう少しを行いますテストしています...ベースルールが "/"に設定されていないために動作しない可能性がありますか?調査を行い、 –

+0

を報告すると出力パスに 'dist'が設定される可能性がありますか? –

+0

work historyApiFallback:{disableDotRule:true}にした設定が見つかりました - ありがとう –

関連する問題