Как реализовать два vue.js приложения на одном домене nginx?

Question

[Иван Табакерка]

Есть два пути:
/home/web/domainname/public/user - Пользовательский интерфейс
/home/web/domainname/public/admin - Админ панель

И есть конфигурация nginx

server_name domainname;

	location / {
		try_files $uri $uri/ /index.html;
		alias /home/web/domainname/public/user/;
	}

	location /admin/ {
		try_files $uri $uri/ /index.html;
		alias /home/web/domainname/public/admin/;
	}

Вроде бы что то шевелиться. К примеру я захожу на domainname/admin/ и я вижу мою админпанель, могу в ней поковыряться и т.п. Но если я зайду в админпанель так domainname/admin/page/, то меня закинет на несуществующую страницу, запрос начнёт обрабатывать первое приложение.

Я так понимаю, мне надо в location / {} запретить обрабатывать путь /admin/, но я понятия не имею как это сделать.

UPD:
Может пойти от обратного, и запретить пользовательскому интерфейсу, обрабатывать маршрут /admin/? Возможно ли такое, товарищи эксперты Vue.js?

Comments

[Александр]

Попробуйте.

location / {
  root /home/web/domainname/public/user;
  index index.html;
  try_files $uri $uri/ /index.html;
}

location /admin {
  root /home/web/domainname/public/admin;
  index index.html;
  try_files $uri $uri/ /index.html;
}

[Иван Табакерка]

Александр, с такой конфигурацией, он меня при заходе domainname/admin/ сразу шлёт на пользовательский интерфейс, даже странички посмотреть не даёт.

[Александр]

Иван Табакерка, тогда наоборот их поставьте.

location /admin {
  root /home/web/domainname/public/admin;
  index index.html;
  try_files $uri $uri/ /index.html;
}

location / {
  root /home/web/domainname/public/user;
  index index.html;
  try_files $uri $uri/ /index.html;
}

[Иван Табакерка]

Александр, таже ситуация.

Answer 1

[dodo512]

server {
    server_name domainname;

    root /home/web/domainname/public/user;
    
    location / {
        try_files $uri $uri/ /index.html;
    }

    location /admin/ {
        root /home/web/domainname/public;
        try_files $uri $uri/ /admin/index.html;
    }
}

Comments

[Иван Табакерка]

Браво, работает

Answer 2

[ky0]

Незачем дублировать директивы и придумывать какие-то алиасы.

server {

root /home/web/domainname/public;
try_files $uri $uri/ /index.html;

location /user { если захотите как-то по-разному обрабатывать эти пути }
location /admin { }

location / { тут какой-нибудь редирект или что ещё захотите }

}

Comments

[Иван Табакерка]

Извините пожалуйста, Рамзан Ахметович, но я всё таки не понял как реализовать этот самый редирект или что ещё в рамках реактивного Vue.js)

[ky0]

Иван Табакерка, ничего, с кем не бывает. У вас вопрос по настройке нгинкса - вот в рамках него и реализоывайте. Ну или не реализовывайте.

Пока у вас всего два урла - конфиг, может и будет выглядеть неплохо. Но если их станет больше?