webpack配置historyApiFallback的坑

Error in event handler for (unknown): TypeError: Cannot read property 'join' of undefined
html

博主在使用webpack作spa(单页面应用)的时候出现了404错误,缘由很简单是由于刷新页面时访问的资源在服务端找不到,由于vue-router设置的路径不是真实存在的路径。vue

因而我就看webpack的官网,在devServer里面有个historyApiFallback的属性,是用于若是找不到界面就返回默认首页,我一看这就是我要的东西,兴奋的设置上了。发现他无论用,缘由是他默认的就是主目录的index.html,你本身设置的index没有用webpack

可我就不想把index放到首页怎么办?接着看官方文档我发现了historyApiFallback能够写匹配规则web

historyApiFallback: {
			rewrites: [{
				from: /.*/g,
				to: '/page/index.html'
			}]
		},
复制代码

上面是设置了不管是啥都匹配我本身设置的首页vue-router

这里面有一个细节须要注意就是to里面的参数是不能加点的,刚开始我加了点没有做用,一度怀疑我学的正则有问题api


参考文章:bash

historyApiFallback官方文档ui

对于404解释的文章spa

相关文章
相关标签/搜索