CORS要求不适用于Firefox，无法适用于Chrome和Safari

Question

这个小提琴在Chrome中工作正常，但在Firefox中不起作用： http ： //jsfiddle.net/u5pugnbn/

index.html

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <input type="button" value="Get Data" onclick="getData()"/>
    <h1 id="output"></h1>
  </body>

  <script src ="main.js"></script>
</html>

main.js

var API_URL = "http://andr3w321.pythonanywhere.com";

function getData() {
  var output = document.getElementById('output');
  var xhr = new XMLHttpRequest();
  var url = API_URL + "/hello";
  xhr.open("GET", url, true);
  xhr.onload = function (e) {
    if (xhr.readyState === 4) {
      if (xhr.status === 200) {
        output.innerHTML = xhr.responseText;
      } else {
        output.innerHTML = "Error: " + xhr.statusText;
      }
    }
  };
  xhr.onerror = function (e) {
    output.innerHTML = "Error: " + xhr.statusText;
  };
  xhr.send();
}

Python瓶服务器文件

from bottle import default_app, route, run, template, static_file, url, get, redirect, response, request

# allow requests from other domains
def enable_cors(fn):
    def _enable_cors(*args, **kwargs):
        # set CORS headers
        response.headers['Access-Control-Allow-Origin'] = '*'
        response.headers['Access-Control-Allow-Methods'] = 'GET, POST, PUT, OPTIONS'
        response.headers['Access-Control-Allow-Headers'] = 'Origin, Accept, Content-Type, X-Requested-With, X-CSRF-Token'

        if request.method != 'OPTIONS':
            # actual request; reply with the actual response
            return fn(*args, **kwargs)

    return _enable_cors


@route('/hello', method=['OPTIONS', 'GET'])
@enable_cors
def hello():
    return "hello"

application = default_app()

将静态index.html上传到域并将“ Allow-Origin从*更改为特定域似乎没有帮助。

Answer 1

事实证明，隐私badge阻止了该请求。 在访问index.html后禁用它之后，它可以正常工作。

CORS要求不适用于Firefox，无法适用于Chrome和Safari

问题描述

1 个解决方案

解决方案1
2 已采纳 2015-09-09 23:28:03

CORS要求不适用于Firefox，无法适用于Chrome和Safari

问题描述

1 个解决方案

解决方案1 2 已采纳 2015-09-09 23:28:03

解决方案1
2 已采纳 2015-09-09 23:28:03