Nginx не работает с доменом/URL, который указывает на IP-адрес сервера

Конфигурация, которую я настроил (ниже), работает для localhost, но не для моего домена. Цель состоит в том, чтобы получить доступ к порту 3000 извне с базовой аутентификацией, чтобы только я мог его использовать. Когда я перехожу на localhost, соединение обновляется до https, я должен пройти аутентификацию, и затем порт 3000 отображается, как и должно быть. Однако, когда я перехожу на api.example.com, аутентификация не запрашивается, соединение не обновляется, и отображается Invalid Host header. Когда я открываю порт 3000 для перенаправления и перехожу на api.example.com:3000, я могу получить доступ к порту, но аутентификация не требуется, https не используется, и моя цель – избежать перенаправления портов. Эта конфигурация пришла из инструкций, поэтому я не знаю, в чем может быть проблема. Почему мой поддомен не работает с этой конфигурацией?

map $http_upgrade $connection_upgrade {
    default upgrade;
    '' close;
}

upstream supabase {
    server 127.0.0.1:3000;
}

server {
    listen      80;
    server_name localhost *host IP* api.example.com;
    access_log  off;
    rewrite ^ https://$host$request_uri? permanent;
}

server {
    listen 443 ssl http2;
    listen [::]:443 ssl http2;
    server_name localhost *host IP* api.example.com;

    ssl_certificate /etc/api.example.com/fullchain.pem;
    ssl_certificate_key /etc/api.example.com/privkey.pem;

    # STUDIO
    location / {
        auth_basic "Authentication Required";
        auth_basic_user_file /etc/nginx/.htpasswd;
        proxy_set_header Host $host;
        proxy_pass http://supabase;
        proxy_redirect off;
        proxy_set_header Upgrade $http_upgrade;
    }
}

Брандмауэр:

 sudo ufw status verbose
Status: active
Logging: on (low)
Default: deny (incoming), allow (outgoing), deny (routed)
New profiles: skip

To                         Action      From
--                         ------      ----
80/tcp (Nginx HTTP)        ALLOW IN    Anywhere
80                         ALLOW IN    Anywhere
443                        ALLOW IN    Anywhere
80/tcp                     ALLOW IN    Anywhere
443/tcp                    ALLOW IN    Anywhere
8000                       ALLOW IN    Anywhere
80,443/tcp (Nginx Full)    ALLOW IN    Anywhere
443/tcp (Nginx HTTPS)      ALLOW IN    Anywhere
80/tcp (Nginx HTTP (v6))   ALLOW IN    Anywhere (v6)
80 (v6)                    ALLOW IN    Anywhere (v6)
443 (v6)                   ALLOW IN    Anywhere (v6)
80/tcp (v6)                ALLOW IN    Anywhere (v6)
443/tcp (v6)               ALLOW IN    Anywhere (v6)
8000 (v6)                  ALLOW IN    Anywhere (v6)
80,443/tcp (Nginx Full (v6)) ALLOW IN    Anywhere (v6)
443/tcp (Nginx HTTPS (v6)) ALLOW IN    Anywhere (v6)

Ваш серверный блок для порта 80 настроен только на имя localhost.

server_name localhost;

Домен api.example.com отсутствует здесь. Поэтому запрос к этому домену через HTTP захватывается серверным блоком по умолчанию из конфигурации nginx по умолчанию.

Добавьте домен здесь, как вы сделали это в SSL серверном блоке.

server_name localhost api.example.com;

Сомневаюсь, что ваше DNS имя действительно api.example.com – но это хорошая практика НЕ публиковать это здесь. Тем не менее, эта ошибка ожидается, если вы предоставите недопустимое имя хоста – то есть содержащее символы, отличные от a-z, 0-9, ‘.’ и ‘-‘. Это может быть непреднамеренно – отсутствие завершающего ‘;’ в списке имен, вероятно, приведет к тому же результату. В таком сценарии nginx откажется загрузить файл конфигурации. Всегда полезно протестировать вашу конфигурацию с помощью nginx -t перед применением; ‘systemctl reload nginx’ не скажет вам, что у вас плохая конфигурация.

Добавьте эти две строки в ваш /etc/hosts

127.0.0.1 your_domain
127.0.0.1 www.your_domain

Тогда вы сможете получить к ним доступ через http://your_domain или http://www.your_domain

Попробуйте перезапустить nginx с помощью

sudo systemctl reload nginx

Перезапустите ваш браузер, и он теперь загрузится