webpack配置historyApiFallback的坑

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

博主在使用webpack作spa（單頁面應用）的時候出現了404錯誤，緣由很簡單是由於刷新頁面時訪問的資源在服務端找不到，由於vue-router設置的路徑不是真實存在的路徑。

因而我就看webpack的官網，在devServer裏面有個historyApiFallback的屬性，是用於若是找不到界面就返回默認首頁，我一看這就是我要的東西，興奮的設置上了。發現他無論用，緣由是他默認的就是主目錄的index.html，你本身設置的index沒有用

可我就不想把index放到首頁怎麼辦？接着看官方文檔我發現了historyApiFallback能夠寫匹配規則

historyApiFallback: {
			rewrites: [{
				from: /.*/g,
				to: '/page/index.html'
			}]
		},
複製代碼

上面是設置了不管是啥都匹配我本身設置的首頁

這裏面有一個細節須要注意就是to裏面的參數是不能加點的，剛開始我加了點沒有做用，一度懷疑我學的正則有問題

參考文章：

historyApiFallback官方文檔

對於404解釋的文章