如何在本地主机中连接到两个不同的Web服务器

Question

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

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

我有另一个在localhost：9000中运行的服务器，该服务器具有我们网站的api。

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

您的提取操作存在问题：无法在“窗口”上执行“提取”：' http: //127.0.0.1 : 9000 '的来源应与' http：// localhost：8080 '相同

我该如何解决呢？

Answer 1

听起来好像浏览器阻止了对API的请求，因为主机是不同的-这是由API可以发送的CORS标头控制的，例如“这些主机可以发出请求”。 您可以使用通配符关闭此检查-如此处要点所述

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)