我最近在我正在处理的网站上添加了一个 SSL,它似乎破坏了我通过sprig的“加载更多”按钮。当我现在单击按钮时,我得到
Blocked loading mixed active content “http://mydomainname.net/index.php?p=actions/sprig/components/render&offset=6&sprig%3AsiteId=32200a47f3a91660d5c53896017cd9e51baccf7f69c571407279fa99ecbcffb91&sprig%3Atemplate=0fb8ec651fc53258017209d22d4e19b6143ac209993784d01a06801fd13e9cd6_layouts%2F_blog%2F_loadMore&sprig%3Avariables%5Blimit%5D=15a1fe68dab9e8d01fdd3bc84980fa5d354e5c72f0e00d06e0841462638f363d6” </p>
和
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.mydomainname.net/index.php?p=actions/sprig/components/render&offset=6&sprig%3AsiteId=32200a47f3a91660d5c53896017cd9e51baccf7f69c571407279fa99ecbcffb91&sprig%3Atemplate=0fb8ec651fc53258017209d22d4e19b6143ac209993784d01a06801fd13e9cd6_layouts% 2F_blog%2F_loadMore&sprig%3Avariables%5Blimit%5D=15a1fe68dab9e8d01fdd3bc84980fa5d354e5c72f0e00d06e0841462638f363d6。(原因:CORS 请求未成功)。
我的控制台中的错误。我注意到跨源错误正在尝试通过https加载内容,但混合活动内容错误正在尝试通过http加载。
我怎样才能让这个通过https再次工作?
如果您需要,这是我的小树枝代码:
{{ sprig('_layouts/_blog/_loadMore', {'limit': 6}) }}
{{ sprig.script }}
{% set offset = offset ?? 0 %}
{% set entryQuery = craft.entries.section('diggingDeeper').offset(offset).limit(limit) %}
{% set entries = entryQuery.all() %}
{% for entry in entries %}
----Entry Stuff----
{% endfor %}
{% if entryQuery.count() > offset + entries|length %}
<button class="orange-button" sprig s-val:offset="{{ offset + limit }}"
s-target="this" s-swap="outerHTML">
<p>Load More</p>
</button>
{% endif %}
编辑: 添加了完整的错误