2016-03-24 21 views
1

私はヒストリーAPIを使用するシングルページアプリを持っています。だから、私は、configファイルにhistoryApiFallback:trueを設定し、私はまだ不明なファイルの404を取得webpack historyApiFallbackが機能しませんか?

コマンドライン:webpack-dev-server --config webpack.config.js --hot --inline --progress --devtool eval

コンフィグファイル:

module.exports = { 
    devServer: { 
    host: 'localhost', 
    port: 3000, 
    historyApiFallback: true 
    }, 
    entry: { 
    main: [ 
     './src/main' 
    ] 
    }, 
    output: { 
    path: path.join(__dirname, 'build'), 
    filename: 'bundle.js' 
    }, 
    module: { 
    loaders: [ 
     { test: /\.js$/, loader: 'babel', exclude: /node_modules/, query: { presets: ['es2015-loose', 'stage-1'], plugins: ['transform-decorators-legacy'] } }, 
     { test: /\.css?$/, loader: 'style!css' }, 
     { test: /\.html$/, loader: 'html' }, 
     { test: /\.(png|gif|jpg)$/, loader: 'url?limit=8192' }, 
     { test: /\.woff2(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url?limit=10000&minetype=application/font-woff2' }, 
     { test: /\.woff(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'url?limit=10000&minetype=application/font-woff' }, 
     { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: 'file' } 
    ] 
    } 
}; 

それがうまく構築しますが、私はしようとした場合存在しないファイルを取得するには、私はちょうど404ではなく、私のindex.htmlを得る:

$ curl -i localhost:3000/asbasas 
HTTP/1.1 404 Not Found 
X-Powered-By: Express 
X-Content-Type-Options: nosniff 
Content-Type: text/html; charset=utf-8 
Content-Length: 20 
Date: Thu, 24 Mar 2016 18:27:33 GMT 
Connection: keep-alive 

Cannot GET /asbasas 

ウェブパックバージョン:

$ webpack-dev-server --help 
webpack-dev-server 1.14.1 

だから私は間違っていますか?

UPDATE:

私は、起動時に

404s will fallback to /index.html 

しかし、まだ...

答えて

1

OK、私のエラーそのメッセージを得ますか。私が自分でこれを行ったとき、ファイルが拡張子を持っていれば、それは/index.htmlにフォールバックしませんでしたが、拡張機能を使ってテストを実行しました。私の間違い

私はいつも「どうすればその機能を追加できますか?」と考えていました。

関連する問題