2016-07-25 17 views
5

Yerel geliştirme kolaylığı için Webpack'in dev server kullanıyorum. Tek bir sayfa uygulama üzerinde çalışıyorum, bu yüzden historyApiFallback etkinleştirdikten:Bir noktaya sahip bir URL'yi yönlendirmeyi denemek, webpack dev sunucusuyla birlikte 404'e yol açar.

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

Ancak, ben bir süre (örneğin /ui/alerts/map.postplay gibi), ben

olsun içeren bir url gözatmak çalıştığınızda zaman

nasıl beni bu URL'ler kullanmasına izin webpack-dev-sunucu ikna edebilir

/ui/alerts/map.postplay GET olmaz mı?

cevap

9

GÜNCELLEME: Artık tıpkı ayarlayabilirsiniz historyApiFallback için:

historyApiFallback: { 
    disableDotRule: true 
} 

(! Bu sabitleme için BenR sayesinde)

sorun webpack-dev-server yatar ama historyApiFallback yapılandırma kendisi (teknik olarak, WebPack kullandığı connect-history-api-fallback). Dönemleri olan URL'lerle ilgili bir known bug var.

Tüm URL'ler içeren dönemleri yeniden yazmak historyApiFallback için yapılandırma güncelleyebilir

:

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

bu req.url çalışır yana, size aracılığıyla localhost dışında bir yerel dev yapıyoruz bile iyi olmalı barındıran bu sizin için sorunlara neden bu durumu artık nokta kuralını devre dışı bırakabilir vb

+1

, dosya: https://github.com/bripkens/connect-history-api-fallback#disabledotrule – BenR