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
を追加された可能性のある解決策をオンラインで探した後
?私たちは、コメントに持っていたすべての議論の後
それが正しいhtmlファイル、たとえば 'devServer読み込むことができますので、あなたの' devServer'に 'contentBase'を追加してみてください:{ \t contentBase: './public'、 historyApiFallback:真 }' –
をしようとした無喜びイム恐れ入りました –
どのサーバーがフロントエンド用ですか? 「Express」? 'webpack-dev-server'?' historyApiFallback'は 'webpack-dev-server'を使用している場合にのみ動作します。 –