我使用webpack开发服务器运行我的reactJS应用程序。我想实现自己的路由器(用于学习目的),但webpack-dev-server拦截url的路径名并返回404错误。如何删除或修复?我只是想通过自己的路由组件处理urls的路径名,并删除与webpack-开发服务器路由器的处理。
我的webpack.config.js
module.exports = {
entry: "./src/app.js",
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
}
]
}
};
您可以将historyApiFallback
设置为true
,服务器将使用索引进行响应。html
页面,而不是404
。
网页包。配置。js
module.exports = {
//...
devServer: {
historyApiFallback: true
}
};