Nginx — как переписать url?

Question

[RWander]

Добрый день! нужна помощь в настройке правил для rewrite:

host.com/page/NNNNN транслируется в localhost:1001/page?p=NNNNN
при этом вся статика (все картинки, сss, js)- с 80 порта host.com

Так как я новичок в настройке nginx буду очень благодарен за подробный пример!
(nginx 1.6.2)

Comments

[Lynn «Кофеман»]

А подробнее? У меня есть подозрение, что вам ещё и proxy_pass не помешает.

Answer 1

[Алексей Куреев]

server {
    # Порт
    listen 80;

    # Имя сервера
    server_name host.com;

    # Путь до статики
    root /var/www/;
    
    # Все файлы, которые будут совпадать по маске со сл. рег. выр., будут
    # обслуживаться nginx: сначало будет запрос как к файлу (например, host.com/js/main.js),
    # если файла не будет, то запрос будет переформирован как к директории (host.com/js/main.js/),
    # и если по прежнему ничего не найдено, вернется 404 ошибка
    location ~* ^.+\.(jpg|jpeg|gif|png|svg|js|css|mp3|ogg|mpe?g|avi|zip|gz|bz2?|rar|3gp|mp4)$ {
        try_files $uri $uri/ =404;
    }

    # Все остальные запросы, котоыре не подходят по маске статических файлов, описанных выше,
    # будут перенаправлены на localhost.
    # Первая строчка - адрес перенаправления, вторая - устанавливает заголовок Host. Если вы используете
    # выделенный сервер и он используется только под один проект - её можно опустить.
    location / {
        proxy_pass http://localhost:1001;
        proxy_set_header Host $host;
    }
}

Более подробно про proxy_pass хорошо написано в официальной документации проекта nginx или же в статье про начало работы с nginx
Про Header заголовок можно прочитать здесь (к сожалению, на русском нормального изложения материала не нашел, может кто поправит?)

Всех благ, и успехов в изучении nginx!

Comments

[RWander]

Алексей, спасибо! т.е. в моем случае это будет выглядить так?

location ~* ^.+\.(jpg|jpeg|gif|png|svg|js|css|mp3|ogg|mpe?g|avi|zip|gz|bz2?|rar|3gp|mp4)$ {
try_files $uri $uri/ =404;
}

# host.com/page/NNNNN транслируется в localhost:1001/page?p=NNNNN
location /page/ {
rewrite /page/([^/]+) /page?p=$1 break;
proxy_pass http://localhost:1001;
}

про proxy_set_header я правильно понял, что если у меня один сервер, на котором работают nginx на 80 порту и node.js на 1001 порту, то proxy_set_header можно не указывать?

[Алексей Куреев]

Про прокси вы всё правильно поняли, можно не указывать. По поводу rewrite - немного не так:
/page\/([\d\w]+)/ вместо /page/([^/]+), т.е. rewrite /page/([^/]+) /page?p=$1 break;

Дайте знать, если возникнут проблемы

[Алексей Куреев]

Ремарка: "Про прокси вы всё правильно поняли, proxy_set_header можно не указывать"

[RWander]

Алексей, вот это правило отлично срабатывает - перенаправление на 1001 порт происходит!

location /page/ {
rewrite /page/([^/]+) /page?p=$1 break;
proxy_pass http://localhost:1001;
}

а вот с картинками, css и js пока беда:

location ~* ^.+\.(jpg|jpeg|gif|png|svg|js|css|mp3|ogg|mpe?g|avi|zip|gz|bz2?|rar|3gp|mp4)$ {
try_files $uri $uri/ =404;
}

404 ошибка при попытке загрузить статику с localhost/css/.. localhost/images/.. localhost/js/..

[RWander]

причем 404 ошибка для статики происходит на всех страницах, не только для /page/

[RWander]

прописал root для статики, теперь статика грузится для всех страниц, кроме page!

для page пытается искать по адресу localhost/data/(css|js|images)/.. вместо localhost/(css|js|images)/..

location ~* ^.+\.(jpg|jpeg|gif|png|svg|js|css|mp3|ogg|mpe?g|avi|zip|gz|bz2?|rar|3gp|mp4)$ {
root /usr/share/nginx/html;
expires max;
}

[Алексей Куреев]

скажите, а с localhost:1001 у вас идет какой-нибудь рендер? Может быть так, что node.js (насколько я понял, у вас именно он на 1001) пытается отдать HTML страницу, в которой подключена статика? В таком случае, если вы хотите разруливать её через nginx, вам придется делать полный путь к ней, например host.com/css/main.css вместо /css/main.css, т.к. nginx обрабатывает только "внешние" запросы и не "ловит" локальных.

[RWander]

да, на localhost:1001 node.js выдает в response html c прописанными относительными путями <img src="/images/logo.png">. Это можно средствами nginx исправить или лучше в html прописывать <img src="http://host.com/images/logo.png"> ?

[Алексей Куреев]

RWander: nginx слушает только "внешние" запросы, т.е. которые проходят через сервер, который указан в конфигурации. В вашем случае, это host.com. Поэтому, чтобы nginx обрабатывал эти запросы, ссылка на статику должна быть через http://host.com/урл/до/файла. Это будет правильно. Самый лучший способ сделать это - создать в скоупе приложения константу с именем staticUrl (например), и подставлять её во все шаблоны, т.е. при использовании express будет нечто вроде app.set("staticUrl", "host.com");, а в шаблонах .

В добавок к этому, вы получите ещё довольно весомый профит: при балансировке нагрузки, или размещении статики в CDN, вам пришлось бы делать подобный шаг. Например, статика запрашивается с host.com/static/css/main.css, а nginx перенаправляет запрос на какой-нибудь cloudflare или т.п. сервис.

[Алексей Куреев]

а в шаблонах img src="{{ app.get("staticUrl") }}/img/image.jpg"

[RWander]

Великолепный ответ! Спасибо большое!

[Алексей Куреев]

Рад помочь! Если будут ещё вопросы пишите в скайп, он указан в профиле. Всех благ :)

Answer 2

[Евгений]

Если у тебя это раньше на апаче работало, то можно и отдать это апачу в изначальном виде. А nginx поручить обработку только статики (html, js, css, png, etc).
Так многие хостеры с панельками и делают

server {
		server_name example.com;
		listen 80;
		set $root_path /var/www/data/example.com;
		location ~* ^.+\.(jpg|jpeg|gif|png|svg|js|css|mp3|ogg|mpe?g|avi|zip|gz|bz2?|rar|3gp|mp4)$ {
			expires max;
			root $root_path;
			error_page 404 = @fallback;
		}
		location / {
			proxy_pass http://127.0.0.1:81;
			proxy_redirect http://127.0.0.1:81/ /;
			proxy_set_header Host $host;
			proxy_set_header X-Real-IP $remote_addr;
		}
		location @fallback {
			proxy_pass http://127.0.0.1:81;
			proxy_set_header Host $host;
			proxy_set_header X-Real-IP $remote_addr;
		}
	}

Answer 3

[Эргил Осин]

nginx.org/ru/docs/http/ngx_http_rewrite_module.html