nginx: tüm istekleri tek bir html sayfasına gönder

Nginx kullanarak, url'yi korumak istiyorum, ama aslında ne olursa olsun aynı sayfayı yükleyin. History.getState()Javascript uygulamamdaki istekleri yönlendirmek için URL'yi kullanacağım . Basit bir şey mi olmalı?

location / {
    rewrite (.*) base.html break;
}

çalışır, ancak URL'yi yönlendirir? Hala URL'ye ihtiyacım var, her zaman aynı sayfayı kullanmak istiyorum.

Bunun sizin için yapacağını düşünüyorum:

location / {
    try_files /base.html =404;
}

Kullanmak try_filesbenim için işe yaramadı - günlüklerimde yeniden yazma veya dahili yönlendirme döngüsü hatasına neden oldu .

Nginx belgelerinde bazı ek ayrıntılar vardı:

http://nginx.org/en/docs/http/ngx_http_core_module.html#try_files

Bu yüzden aşağıdakileri kullanarak sonuçlandırdım:

root /var/www/mysite;

location / {
    try_files $uri /base.html;
}

location = /base.html {
    expires 30s;
}

Orijinal yeniden yazmanız neredeyse işe yarayacaktır. Neden yönlendirme yapacağından emin değilim ama bence gerçekten istediğin sadece

rewrite ^ /base.html break;

Bunu bir konuma veya doğrudan sunucuya koyabilirsiniz.

Bu benim için çalıştı:

location / {
    alias /path/to/my/indexfile/;
    try_files $uri /index.html;
}

Bu, bir javascript tek sayfalık uygulama için tümünü yakalama URL'si oluşturmama izin verdi. Css, fonts ve javascript gibi tüm statik dosyalar npm run build , ile aynı dizinde bulunuyorsa bulunur index.html.

Statik dosyalar başka bir dizindeyse, herhangi bir nedenle, aşağıdakilere de ihtiyacınız vardır:

# Static pages generated by "npm run build"
location ~ ^/css/|^/fonts/|^/semantic/|^/static/ {
    alias /path/to/my/staticfiles/;
}

Bu benim için çalıştı:

location / {
    try_files $uri $uri/ /base.html;
}

Doğru yol:

location / {
    rewrite (.*) base.html last;
}

lastNginx kullanıldığında location, yeniden yazma sonucuna göre yeni bir blok bulunacaktır .

try_files aynı zamanda bu probleme tam anlamıyla geçerli bir yaklaşımdır.