Question

我在其中一个js函数中获得了以下代码，以便在用户点击Load more按钮时获取新帖子

$.get("/blog/page" + nextPage, function (data) {

当我在本地测试时，代码工作正常。

当我把它推到gh页面时看起来很好。但是，当我单击Load more按钮时，出现以下错误：

Mixed Content: The page at 'https://username.github.io/sub-name/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://username.github.io/sub-name/blog/page2/'. This request has been blocked; the content must be served over HTTPS.

我已将baseurl添加到_config.yml文件中，但它无法解决问题。

Answer 1

在https://railsr.github.io中，您使用_includes/head.html访问css，js文件从http文件设置为config。使用协议独立//代替

Answer 2

我决定使用不同的方法，现在只在项目的根目录中生成posts.json文件，该文件会生成帖子列表。

---
---

[
    {% for post in site.posts %}
      {
        "title": "{{ post.title }}",
        "summary": "{{ post.summary }}",
         ...
      }
      {% unless forloop.last %},{% endunless %}
    {% endfor %}
]

然后在我的一个js文件中使用

$.getJSON("{{site.baseurl}}/posts.json", function(data) {

然后将数据推送到帖子数组并批量显示帖子（加载前4个帖子，然后加载另外4个帖子，加载更多按钮点击）

（没有分页）

尝试在不使用https的情况下获取数据时，Jquery.get（）混合内容

2 个答案: