Question

我的 Laravel 网站部署在 Heroku 上。例如，当我输入http://example.herokuapp.com - ＆gt;用户界面保持不变。但是，当我使用https时，UI会混乱并中断。

我该如何解决这个问题？

Answer 1

您遇到混合内容的问题，您可以详细了解here。

混合内容

通过安全HTTPS连接加载初始HTML时会出现混合内容，但其他资源（如图像，视频，样式表，脚本）通过不安全的HTTP连接加载。

<强>解决方案

要解决此问题，只需使用//引用所有脚本，样式表等，而不是定义特定协议。在这种情况下，将始终使用与页面本身相同的协议加载资源。

旧：<img src="http://example.com/picture.jpg">
新：<img src="//example.com/picture.jpg">

Answer 2

正如大家所说，这是因为您在http协议下加载了一些资源，而您的域名是https。

我的建议是您使用 asset（）：

<img src="{{ asset('images/my-image.png') }}">

<link href="{{ asset('css/my-styles.css') }}" rel="stylesheet">

<script src="{{ asset('js/my-script.js') }}"></script>

Laravel HTTP与HTTPS请求

2 个答案: