Sprig "Load more" 未通过 https 加载

Sprig "Load more" not loading over https

我最近在我工作的网站上添加了一个 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”

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. (Reason: CORS request did not succeed).

我的控制台出现错误。我注意到跨源错误试图通过 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 %}

编辑: 添加了完整的错误

想通了,完整答案HERE。长话短说,有两个问题。

  1. 在我的 .htaccess 文件中,我强制从我的文件中删除 www 领域。该代码正在调用 http 而不是 https。添加 “s”解决了其中一个错误。
  2. 尽管我在 .htaccess 中强制删除了 www 文件,我的根域仍在使用 www,这导致了错误。因此,从我的根域中删除 www 修复了第二个错误。