nginx: отправка всех запросов на одну html-страницу

используя nginx, я хочу сохранить url, но на самом деле загрузить ту же страницу, несмотря ни на что. Я буду использовать url с History.getState() для маршрутизации запросов в моем приложении javascript. Кажется, это должно быть просто?

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

работает, но перенаправляет url? Мне все еще нужен url, я просто хочу всегда использовать одну и ту же страницу.

122
history javascript nginx

6 ответов

Я думаю, что это сделает это для вас:

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

Через просто try_files не работает для меня - это вызвало переписать или внутренний цикл перенаправления ошибка в моих журналах.

в документах Nginx были некоторые дополнительные сведения:

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

поэтому я в конечном итоге использовал следующее:

root /var/www/mysite;

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

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

ваш оригинальный переписать должен почти работать. Я не уверен, почему это будет перенаправление, но я думаю, что вы действительно хотите просто

rewrite ^ /base.html break;

вы должны иметь возможность поместить это в место или непосредственно на сервере.

13

это сработало для меня:

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

Это позволило мне создать URL-адрес catch-all для одностраничного приложения javascript. Все статические файлы, такие как css, шрифты и javascript, созданные npm run build будет найден, если они находятся в том же каталоге, что и index.html.

если статические файлы были в другом каталоге, по какой-то причине вам также понадобится что-то вроде:

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

правильно будет так:

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

используя last заставит nginx найти новый подходящий location блок в соответствии с результатом перезаписи.

try_files также является совершенно правильным подходом к этой проблеме.

7

это сработало для меня:

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