webpack historyApiFallback конфигурация для глубоких маршрутов

Question

webpack-dev-сервер может быть настроен, чтобы отправить вас обратно в index.html и найти ваши сценарии для одного маршрута, например, http://localhost:4301/sdr, но когда вы ставите более глубокий маршрут (или один маршрут с a/в конце) http://localhost:4301/sdr/dog он запутывается.

devServer: { 
    contentBase: './dist', 
    historyApiFallback: true 
    }, 

с http://localhost:4301/sdr/dog сервер отвечает

x GET http://localhost:4301/sdr/bundle.js 

добавление/СПЗ на пути в поисках bundle.js

Как я могу это исправить. ... тогда я попробую его на NGINX, затем с помощью agent-router, затем с navigo, затем с помощью agent-router-redux ....

Answer 1

У меня также была эта проблема. Я нашел решение, чтобы добавить publicPath: '/' в мою конфигурацию webpack под выходом.

const base = { 
    entry: [ 
    PATHS.app, 
    ], 
    output: { 
    path: PATHS.build, 
    publicPath: '/', 
    filename: 'index_bundle.js', 
    }, 
    module: { 
    loaders: [ 
     {test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'}, 
     {test: /\.css$/, loader: 'style!css?sourceMap&modules&localIdentName=[name]__[local]___[hash:base64:5]'}, 
     {test: /\.json$/, loader: 'json'}, 
    ], 
    }, 
    resolve: { 
    root: path.resolve('./app'), 
    }, 
} 

const developmentConfig = { 
    devtool: 'cheap-module-inline-source-map', 
    devServer: { 
    contentBase: PATHS.build, 
    hot: true, 
    inline: true, 
    progress: true, 
    proxy: { 
     '/api': 'http://127.0.0.1:5000', 
    }, 
    historyApiFallback: true, 
    }, 
    plugins: [HTMLWebpackPluginConfig, new webpack.HotModuleReplacementPlugin()], 
} 

export default Object.assign({}, base, developmentConfig) 

Вот более подробная документация этого объекта: http://webpack.github.io/docs/configuration.html#output-publicpath

Вот форум, где есть более подробное обсуждение этого вопроса: https://github.com/webpack/webpack/issues/443