Как прикрепить домен к вебсайту, который работает на другом порту?

Question

[postya]

Имеется сервер на Linux Ubunu
На сервере установлен nginx
Имеется домен mysite.com
домен прикреплен к серверу
Сайт написан на Vue JS, и работает на порту 3000

Как сделать,чтобы при заходе на mysite.com nginx показал мой сайт, который находится на 123.534.65.77:3000?

В данный момент вебсайт не отображается
Если зайти на адрес сервера, то стандартный шаблон nginx появляется

Файл конфига nginx для моего сайта:

server {
    listen 80;
    server_name mysite.com www.mysite.com;
    root /home/kentforth/webapps/mysite/dist;
    index index.html index.htm;

    location / {
        root /home/kentforth/webapps/mysite/dist;
        proxy_set_header   X-Forwarded-For $remote_addr;
        proxy_set_header   Host $http_host;
        proxy_pass http://123.534.65.77:3000;
        try_files $uri $uri/ /index.html;
    }

    error_log  /var/log/nginx/vue-app-error.log;
    access_log /var/log/nginx/vue-app-access.log;
}

Comments

[Somewhere Intech]

Уберите try_files

Answer 1

[ky0]

Почему у вас в локейшене одновременно root, proxy_pass и try_files? Определитесь, чего хотите - если только проксировать в Vue, то этим занимается второй вариант.

Comments

[postya]

я не знаю как должен выглядеть файл для каждого приложения в nginx, это где-то нашёл для примера.

Сможете подсказать, как нужно правильно сделать?

Answer 2

[Денис Григоров]

Это простая конфигурация, но рабочая. Без проброса IP адреса и перенаправления WebSocket

server {
  listen 80 default_server;
  server_name mysite.com;

  add_header Strict-Transport-Security 'max-age=31536000' always;
  add_header X-Content-Type-Options nosniff;
  add_header X-XSS-Protection "1; mode=block";

  location / {
    proxy_pass http://123.534.65.77:3000;
  }

}

Comments

[postya]

Я сделал так:

server {
    listen 80;
    server_name mysite.com www.mysite.com;

    add_header Strict-Transport-Security 'max-age=31536000' always;
    add_header X-Content-Type-Options nosniff;
    add_header X-XSS-Protection "1; mode=block";

    location / {
        root /home/kentforth/webapps/mysite/dist;
        index index.html index.htm;
        proxy_pass http://123.534.65.77:3000;
    }

    error_log  /var/log/nginx/vue-app-error.log;
    access_log /var/log/nginx/vue-app-access.log;
}

не работает, ошибка 502(bad gateway)

[Денис Григоров]

postya,

index index.html index.htm;
root /home/kentforth/webapps/mysite/dist;

лишнее
Уберите и заработает.

[postya]

Денис Григоров, если я это уберу, отуда nginx будет знать по какому пути брать точку входа моего приложения, то есть файл index.html?

[Денис Григоров]

postya, точка входа в ваше приложение указывается на 123.534.65.77:3000
Иначе nginx ищет точку входа локально. В данном случае nginx должен работать как прокси. Указанный ваш путь не известен nginx, из-за этого Bad Gateway.
Вы уберите и посмотрите, что будет.
https://nginx.org/ru/docs/http/ngx_http_proxy_modu...