試圖路由一個網址與點導致404與webpack開發服務器

Question

我使用Webpack的dev server爲便於本地開發。我工作的一個單頁的應用程序，所以我已經啓用historyApiFallback：

common.devServer = { 
    outputPath: path.join(__dirname, 'www', outDir), 
    historyApiFallback: true 
}; 

然而，每當我試圖瀏覽到包含一個時期（如/ui/alerts/map.postplay），我得到

一個網址

不能得到/ui/alerts/map.postplay

我怎樣才能說服的WebPack-dev的服務器，讓我使用這些網址？

Answer 1

更新：現在，您可以只設置historyApiFallback到：

historyApiFallback: { 
    disableDotRule: true 
} 

（！感謝BenR固定這）

麻煩不在於webpack-dev-server但historyApiFallback配置本身（在技術上，的WebPack用途connect-history-api-fallback）。有一個known bug與有句點的網址有關。

您可以更新配置爲historyApiFallback重寫所有URL包含的時期：

historyApiFallback: { 
    rewrites: [ 
    {from: /\./, to: '/'} 
    ] 
} 

由於這個操作上req.url，你應該是，即使你在通過比localhost以外的東西做本地開發精主機文件等