对 Flask 进行 ajax 调用时出现混合内容错误

Question

我正在尝试从 https 页面使用 jQuery 进行 ajax 调用

javascript

var load = function (param1, param2) {
    return $.getJSON("https://www.domian.com/thing/" + param1 + "/" + param2 + "/", function (data) {
        // do stuff
    })
}

烧瓶端点

@app.route('/thing/<param1>/<param2>/')
def load(param1, param2):
    thing = get_thing(param1,param2)
    if thing:
        return jsonify(thing)
return jsonify(error="thing not found.")

我已经尝试添加

@app.after_request
def after_request(response):
    response.headers.add('Access-Control-Allow-Origin', '*')
    return response

我也尝试了各种不同的 url，例如：thing/ + blah，添加/删除斜杠无济于事

我也在使用 Flask-SSLify

这是 Chrome 中的错误：

混合内容：“https://www.domain.com/blah/”处的页面通过 HTTPS 加载，但请求了不安全的 XMLHttpRequest 端点“http://www.domain.com/thing/param1/param2/”。此请求已被阻止；内容必须通过 HTTPS 提供。

有人遇到过类似的问题吗？

Answer 1

不要返回完整的$.getJSON，而是尝试返回响应：

var load = function (param1, param2) {
    $.getJSON("https://www.domian.com/thing/" + param1 + "/" + param2 + "/", function (data) {
        // do stuff
        return data;
    })
}