Vue JS и Laravel на одном сервере, но с другим портом (проблема с SSL)

Question

У меня проблема с установкой SSL на моем производственном сервере.Я использую Laravel на порту 80 и vue js на порту 8080. Я установил сертификат SSL.

Но теперь, когда я пытаюсь отправить любой запрос на 8000, появляется ошибка:

xhr.js: 178 Смешанное содержимое: страница в 'https://www.example.com/login' была загружена через HTTPS, но запросила небезопасную конечную точку XMLHttpRequest' http://www.example.com:8000/api/auth/login'. Этот запрос был заблокирован;контент должен обслуживаться по HTTPS.

Это мои настройки NGINX:

server {
        listen 8000 default_server;
        listen [::]:8000 default_server ipv6only=on;

        root /var/www/laravel/public;

        index index.php index.html index.htm index.nginx-debian.html;

        server_name example.com www.example.com;

        location / {
                try_files $uri $uri/ /index.php?$query_string;
        }

        location ~ \.php$ {
                include snippets/fastcgi-php.conf;

                fastcgi_pass unix:/run/php/php7.2-fpm.sock;
        }


        location ~ /\.ht {
                deny all;
        }
}

server {
        listen 80;
        listen [::]:80;

        server_name example.com www.example.com;
        error_page 404 /index.html;
        root /var/www/client/dist;
        index index.html;

        location / {
                try_files $uri $uri/ =404;
        }

        listen [::]:443 ssl ipv6only=on; # managed by Certbot
    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
}

Answer 1

Я решил проблему, переместив API в поддомен и добавив в него один SSL-сертификат.И приложение теперь работает нормально.