nginx: gửi tất cả các yêu cầu đến một trang html

Sử dụng nginx, tôi muốn duy trì url, nhưng thực sự tải cùng một trang bất kể điều gì. Tôi sẽ sử dụng url History.getState()để định tuyến các yêu cầu trong ứng dụng javascript của mình. Có vẻ như nó là một điều đơn giản để làm gì?

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

hoạt động, nhưng chuyển hướng url? Tôi vẫn cần url, tôi chỉ muốn luôn sử dụng cùng một trang.

Tôi nghĩ rằng điều này sẽ làm điều đó cho bạn:

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

Sử dụng chỉ try_fileskhông làm việc cho tôi - nó gây ra lỗi viết lại hoặc lỗi chu kỳ chuyển hướng nội bộ trong nhật ký của tôi.

Các tài liệu Nginx có một số chi tiết bổ sung:

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

Vì vậy, tôi đã kết thúc bằng cách sử dụng như sau:

root /var/www/mysite;

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

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

Viết lại ban đầu của bạn sẽ gần như làm việc. Tôi không chắc tại sao nó lại chuyển hướng, nhưng tôi nghĩ những gì bạn thực sự muốn chỉ là

rewrite ^ /base.html break;

Bạn sẽ có thể đặt nó ở một vị trí hoặc trực tiếp trong máy chủ.

Điều này làm việc cho tôi:

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

Điều này cho phép tôi tạo một URL bắt tất cả cho ứng dụng một trang javascript. Tất cả các tệp tĩnh như css, phông chữ và javascript được tạo bởi npm run build sẽ được tìm thấy nếu chúng nằm trong cùng thư mục với index.html.

Nếu các tệp tĩnh nằm trong một thư mục khác, vì một số lý do, bạn cũng cần một cái gì đó như:

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

Điều này làm việc cho tôi:

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

Cách chính xác sẽ là:

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

Sử dụng lastsẽ làm cho nginx tìm thấy một locationkhối phù hợp mới theo kết quả của việc viết lại.

try_files cũng là một cách tiếp cận hoàn toàn hợp lệ cho vấn đề này.