webpack配置historyApiFallback的坑

博主在使用webpack做spa（单页面应用）的时候出现了404错误，原因很简单是因为刷新页面时访问的资源在服务端找不到，因为vue-router设置的路径不是真实存在的路径。

于是我就看webpack的官网，在devServer里面有个historyApiFallback的属性，是用于如果找不到界面就返回默认首页，我一看这就是我要的东西，兴奋的设置上了。发现他不管用，原因是他默认的就是主目录的index.html，你自己设置的index没有用

于是按官方的说法：

historyApiFallback: {
	rewrites: [{
		from: /.*/g,
		to: '/index.html'
	}]
},

然后运行，发现依然没有用，最后在文档的最后，看到通过CLI使用要加上--history-api-fallback

webpack-dev-server --history-api-fallback

最后成功运行！