Почему мои стили отображаются на рабочем столе, но не отображаются на физическом устройстве при запуске «share abc123.com» в окне Vagrant?

Question

Кто-нибудь знает, почему всякий раз, когда я бегу share abc123.comв то время как в моем окне Vagrabt URL-адрес ngrok не будет отображать стили на физическом устройстве, но отображает стили на рабочем столе? Я подключил свой iPhone к своему Macbook, чтобы проверить Safari, отображаются ли мои таблицы стилей — абсолютно ни одна из них не отображается в инспекторе при проверке вкладки «Сеть», она совершенно пуста.

Однако, когда я проверяю консоль, я вижу эту ошибку:

[blocked] The page at https://abc123.ngrok.io/ was not allowed to run insecure content from http://abc123.com//comp/public/css/build/views/live/user-validation-live.css?id=000088e99bfda00d3227.

Этот двойной //подозрительно, может поэтому? Но я не уверен.

Кроме того, я проверил cd /etcи я заметил, что у меня даже нет nginxкаталог. Я не думаю, что это может быть проблемой, потому что стили прекрасно отображаются на рабочем столе, как и предполагалось.

Кто-нибудь знает, что может происходить?

Answer 1

Ваша ошибка говорит сама за себя

...не разрешалось запускать небезопасный контент...

Если вы внимательно посмотрите на ошибку, вы загружаете https://abc123.ngrok.io/ , что является безопасным соединением (поскольку оно работает через HTTPS).

Затем эта страница пытается загрузить таблицу стилей с http://abc123.com//comp/public/css/build/views/live/user-validation-live.css?id=000088e99bfda00d3227 , что является небезопасным соединением (поскольку работает по протоколу HTTP).

Настройте этот актив для загрузки через HTTPS, и он будет загружаться без проблем (или, по крайней мере, без блокировки из-за небезопасного соединения).

Пока есть двойка //для вашего актива это фактически не остановит загрузку актива и не имеет отношения к рассматриваемой проблеме.