444.【webpack】解决报错：Cannot GET /xx

解决前端报错：Cannot GET /dimension-reading

这是由于没有在 webpack.config.js 配置 devServer.historyApiFallback的原因，解决方法如下：

    ......
    // fix bug: Cannot GET /dimension-reading
    devServer: {
        historyApiFallback: true
    },
    ......
}

这个配置的作用是：当匹配不到路径下的资源文件时，不出现 404 页面，而是交由devServer.historyApiFallback 指定的文件处理。（当然了，这个“指定的文件”是有默认值的，所以我上头的配置里没有指定）。

为啥交由指定的文件处理就行了？
这是因为，路由规则都交由 JavaScript 通过浏览器的 History API 处理了。说白了，React 单页应用里的所有的页面路径变更，并不是真正的浏览器前进后退，是假的，是应用内部通过 JavaScript 控制的。