javascript - 不能跨域。 XMLHttpRequest 无法加载 localhost :portNo1 . Origin localhost:portNo2 不允许 Access-Control-Allow-Origin

Question

我在 Python 中从 BaseHTTPServer.HTTPServer 在 localhost:portNo1 创建了一个服务器

客户端位于 localhost:portNo2，在客户端，我正在发出如下所示的 jQuery $.ajax POST 请求:

var request = $.ajax({
        url: "http://localhost:portNo1",
        type: "post",
        dataType: 'json',
        data: json_data
    });

在服务器端，服务器从客户端获取数据并回复其数据。

def do_POST(self):
    # Get client data
    length = int(self.headers.getheader('content-length'))        
    data_string = self.rfile.read(length)
    print data_string;        
    # Create response object        
    jsonObjStr = json.dumps(jsonObj);
    self.send_response(200)        
    self.end_headers()
    self.wfile.write(jsonObjStr);

发生的情况是服务器正在获取我发送的数据，但没有回复客户端，并且 $.ajax 对象的失败事件的回调在客户端执行(错误消息)。我调试并验证了 jsonObj 没有任何内容。但我看不到 self.wfile 对象里面有什么。

在 JS 控制台，我也收到以下错误(它显示在 Google Chrome 的 JS 控制台中，但没有显示在 Firefox JS 控制台中):

XMLHttpRequest 无法加载 localhost:portNo1 。 Access-Control-Allow-Origin 不允许 Origin localhost:portNo2。 client.html:1

Google Chrome 上的 JS 控制台指向 html 文件，但这对我来说也没有意义。

我检查了网站，看来错误一般是由于跨域请求引起的。但是，我正在从一个本地主机端口与另一个端口进行通信。

Answer 1

嗯，这就是问题所在。跨源限制不允许您在不发送 Access-Control-Allow-Origin: * header 的情况下跨端口通信。

更好的解决方案是使用 Nginx 或其他网络服务器将这两个正在运行的应用程序反向代理到同一域和端口。