Webpack系列——WebpackDevServer 解决单页面应用路由问题

使用 HTML5 History API 时，可能必须提供 index.html 页面来代替任何 404 响应。通过设置devServer.historyApiFallback 为 true 来启用 ：

webpack.config.js

module.exports = {
    // ...
    devServer: {
        historyApiFallback: true
    }
}

可以通过提供一个对象，对 rewrites这样的配置项进一步控制：

module.exports = {
    // ...
    devServer: {
        historyApiFallback: {
            rewrite: [
                { from: /^\/$/, to: '/views/index.html' },
                { from: /^\/subpage/, to: '/views/subpage.html' },
                { from: /./, to: '/views/404.html' }
            ]
        }
    }
}