2016-11-04 16 views
15

Github sayfalarına basit bir tepki uygulaması uygulamakta en zor zamanları yaşıyorum. Bir dosyayı yanlış bir dizine taşırsınız ve tüm işlemi kapatır.Oluşturma-tepki-app ile bir tepki uygulaması github sayfalarına nasıl dağıtılır?

Basit tepki uygulamamı şimdi yaklaşık 6 saat boyunca github sayfaları veya heroku'ya yüklemeye çalışıyorum. Bu bir SINGLE SAYFA APP var!

Bunun sebebi, Create-React-App kullanıyorum ve hala yeni.

Çok fazla motivasyon kaybediyorum Yarın bu projem var ve konuşamam.

npm run build çalıştırdığımda ne yapmalıyım?

Tüm dosyalarım bir klasöre koyar, ancak tarayıcı bana ilk url yolunun "/" yazılmasından sonra yazılan herhangi bir şeyin bir sunucudan gerçek bir dosya aradığını düşünerek 404 hatası veriyor. React Router'ımda kurduğum rotalardan/sonra gelenleri kullanmak istiyorum ... :(

cevap

18

Oluşturma-tepki uygulamasının, yapınızı Github Pages ve Heroku'ya nasıl dağıtacağınızla ilgili ayrıntılı bir bölümü vardır. Okumaktasınız here

+0

Hey yanıtınız için teşekkür ederiz.Bu takip ettiğim kesin öğreticidir, tarayıcının dosyayı nasıl yorumladığıyla ilgili bir şey olduğunu düşünüyorum. ve yeni bir rotaya gitmek istediğimde, yani/user/5/dashboard, 404 hatası alıyorum çünkü tarayıcının root sunucuyu aradığını düşünüyorum, daha sonra bir FOLDER, kullanıcı olarak sunulması gerektiğini düşünüyor. klasör içinde 5 denen, sonra gösterge paneli denen başka bir içeride. Tbh Tepki öğreticisini TEE'ye takip ettim ve tarayıcı (krom) hala gi tuttu 404'lerin hatası. Nedenini bilmiyorum. – user7024499

+1

Tepki, ön taraf içindir ve bu nedenle tepki veren yönlendirici yalnızca ön uç yol çözümü sunar, böylece arka ucun rota hakkında hiçbir fikri yoktur. [Bu soru ve cevaplar] (https://stackoverflow.com/questions/28553904/client-routing-using-react-router-and-server-side-routing) kavramları çok iyi açıklar. –

+0

Aynı oluşturma-tepki-uygulama öğretici bölümlerinde de çözümler vardır. bileşeninizde browserHistory yerine hashHistory öğesine geçiş yapabilir veya index.html sunucunuza yeniden yönlendirerek 404 kodlarını kullanabilirsiniz. –

İlgili konular