Question

我正在尝试使用react构建我的网站。

我正在使用webpack-dev-server在localhost：8080上为react网站提供服务。

我有另一台运行在localhost：9000的服务器，它有我们网站的api。

但是当我尝试向localhost：9000提取获取请求时，我遇到了以下错误。

您的提取操作出现问题：无法执行“提取”操作在＆＃39; Window＆＃39;：＆＃39; http://127.0.0.1:9000＆＃39;的起源应与＆＃39; http://localhost:8080＆＃39;

相同

我该如何解决？

Answer 1

听起来好像浏览器阻止了对API的请求，因为主机不同 - 这是由CORS headers控制的，API可以发送给谁说'＃34;这些是允许制作的主机请求＆＃34 ;.您可以使用通配符关闭此检查 - 如gist here

中所述

def add_cors_headers(response):
    response.headers['Access-Control-Allow-Origin'] = '*'
    if request.method == 'OPTIONS':
        response.headers['Access-Control-Allow-Methods'] = 'DELETE, GET, POST, PUT'
        headers = request.headers.get('Access-Control-Request-Headers')
        if headers:
             response.headers['Access-Control-Allow-Headers'] = headers
    return response
app.after_request(add_cors_headers)

如何连接到localhost中的两个不同的Web服务器

1 个答案: