可以将 webpack-dev-server 设置为将您发送回 index.html 并找到像 http://localhost:4301/sdr 这样的单个路由的脚本,但是当您放入更深的路由(或末尾带有/的单个路由)时,它会得到 http://localhost:4301/sdr/dog使困惑。
devServer: {
contentBase: './dist',
historyApiFallback: true
},
使用 http://localhost:4301/sdr/dog 服务器响应
x GET http://localhost:4301/sdr/bundle.js
将/sdr 添加到搜索 bundle.js 的路径中
我怎样才能解决这个问题。 ...然后我将在 NGINX 上尝试它,然后使用 react-router 然后使用 navigo 然后使用 react-router-redux ....
最佳答案
我也有这个问题。我发现解决方案是在输出下将 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
关于webpack-dev-server - 深度路由的 webpack historyApiFallback 配置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39352703/