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。长话短说,有两个问题。
- 在我的
.htaccess
文件中,我强制从我的文件中删除 www
领域。该代码正在调用 http
而不是 https
。添加
“s”解决了其中一个错误。
- 尽管我在
.htaccess
中强制删除了 www
文件,我的根域仍在使用 www
,这导致了错误。因此,从我的根域中删除 www
修复了第二个错误。
我最近在我工作的网站上添加了一个 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。长话短说,有两个问题。
- 在我的
.htaccess
文件中,我强制从我的文件中删除www
领域。该代码正在调用http
而不是https
。添加 “s”解决了其中一个错误。 - 尽管我在
.htaccess
中强制删除了www
文件,我的根域仍在使用www
,这导致了错误。因此,从我的根域中删除www
修复了第二个错误。