2016-09-15 15 views
0

私は反応するアプリを持っており、いくつかのルーティングを行うために反応ルータをインストールしました。webpack devサーバルーティングの問題

var routes = (
    <Router history={browserHistory}> 
     <Route path = "/" component = {App}/> 
     <Route path = "/test" component = {Test}/> 
    </Router> 
) 

ReactDOM.render(
    routes 
    ,document.getElementById('main') 
); 

私はhttp://localhost:8080/testに行くとき、私はCannot GET /testを言ってエラーが表示されます。ここでは

import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router'; 

は私がルートをレンダリングするために実施しているコードです:私はそうのようなルータに反応をインポートしています。

var path = require('path'); 
var webpack = require('webpack'); 

module.exports = { 
  entry: './scripts/main.js', 
  output: { path: __dirname, filename: 'bundle.js' }, 
  module: { 
    loaders: [ 
     { 
     test: /.jsx?$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/, 
     query: { 
      presets: ['es2015', 'react'] 
     } 
     } 
    ] 
  }, 
devServer: { 
    historyApiFallback: true 
    } 
}; 

私はここで間違ってやってまだない喜びそうわからない:私は見つけることができるすべては私のwebpack.configファイルにhistoryApiFallback: trueを追加された可能性のある解決策をオンラインで探した後

?私たちは、コメントに持っていたすべての議論の後

+0

それが正しいhtmlファイル、たとえば 'devServer読み込むことができますので、あなたの' devServer'に 'contentBase'を追加してみてください:{ \t contentBase: './public'、 historyApiFallback:真 }' –

+0

をしようとした無喜びイム恐れ入りました –

+0

どのサーバーがフロントエンド用ですか? 「Express」? 'webpack-dev-server'?' historyApiFallback'は 'webpack-dev-server'を使用している場合にのみ動作します。 –

答えて

1

答えは

であるあなたが変更を加えた後サーバーを再起動ましたか?