Laravel - смешанный контент не позволяет пользователям войти на мой сайт

Question

Прежде всего, пожалуйста, знайте, что я новичок в Laravel + VueJS + Vuetify, т.е. едва несколько дней У меня есть веб-приложение, изначально разработанное и настроенное удаленным разработчиком, которое отлично работает на моей локальной машине для разработки, но когда я перенес его на промежуточный сайт, в консоли появляется следующая ошибка.

VM38: 1 Смешанный контент: страница в 'https://staging.mywebsite.com/' была загружена через HTTPS, но запросила небезопасную конечную точку XMLHttpRequest' http://staging.mywebsite.com/api/v1/auth/check'. Этот запрос был заблокирован; содержимое должно быть передано по протоколу HTTPS.

Я понятия не имею, что мне нужно изменить, чтобы эта работа работала как на локальных, промежуточных, так и на производственных сайтах, так как первоначальный удаленный разработчик не сильно помог и с ним почти невозможно связаться. Пожалуйста, предоставьте как можно больше подробностей, например. абсолютный путь к файлам, которые необходимо изменить, и т. д., поэтому я могу сделать это сам.

Ниже приведены фрагменты кода в файлах конфигурации, которые, как я предполагал, используются платформой для этой цели.

.env file

APP_ENV=local
APP_URL=http://localhost
...
...
APP_DOMAIN=localhost
APP_API="/api/v1"
MIX_APP_DOMAIN="${APP_DOMAIN}"
MIX_APP_API="${APP_API}"

конфиг / app.php

'env' => env('APP_ENV', 'production'),
'url' => env('APP_URL', 'http://localhost'),

Answer 1

Как говорится в сообщении, ваш маршрут /api/v1/auth/check обслуживается по протоколу HTTP, но ваш веб-сайт работает по протоколу HTTPS.

Итак, преобразуйте ссылку на маршрут в HTTPS. Если URL создается с помощью помощника Laravel, проверьте ваш APP_URL в файле .env и убедитесь, что он начинается с https.

Answer 2

Ваше приложение было загружено в https, поэтому вам нужно использовать https для ваших вызовов API

https://staging.mywebsite.com/api/v1/auth/check